Clone https://github.com/zarazhangrui/beautiful-html-templates and follow the instructions in AGENTS.md to build me a beautiful HTML slide deck.
Rainbow cassette catalogue deck
A cream catalogue deck for an analog-product studio: a packaging-style cover, studio statement, four product spec columns, quotation layouts, a release schedule and a colophon. An HTML template a coding agent clones and adapts.
You'll need
- Coding agent that can clone the repo
- Your own deck content
How it was made
Template library meant for coding agents: the agent reads AGENTS.md and index.json, picks a template matching the brief, clones it and adapts content. Announced on X: https://x.com/zarazhangrui/status/2051768995188228178
HTML and CSS
Source and credit
GitHub · May 5, 2026 · 931 likes · 164k views · 4.8k stars · 35 comments
Authorship not stated by the source
Published instructions: README ("Copy this to your coding agent")
Look notesby Reference
Editorial product catalogue for a small maker of analog tape recorders, combining bold typography, simple geometric graphics, and practical product information.
- Color
- Warm cream backgrounds, near-black text, and vivid red, orange, yellow, green, blue, and magenta accents.
- Type
- Large, heavy condensed sans-serif headlines paired with small, restrained sans-serif labels and body copy.
- Framing
- Clean, mostly flat layouts with strong alignment and generous open space. Rainbow bands and overlapping colored circles provide graphic accents alongside charts, tables, and product columns.
- Structure
- A branded cover leads into a studio statement, a four-product catalogue, a prominent quotation, an annual output chart, and a release schedule, followed by a concise closing page.
