Editorial Tri-Tone Deck Design
Builds magazine-style HTML slide decks using a fixed tri-tone palette and serif/sans type system
- Repository
- nexu-io/open-design
- Stars
- 105,448
- Licence
- Apache-2.0
- Files
- 4 files
What it does
When installed, the agent builds presentation slides as a single web page styled like a fashion or culture magazine spread, using a set palette of dusty pink, mustard cream and deep burgundy with Bricolage and Instrument Serif fonts. It starts from a provided example deck, swaps in your own text and numbers, and keeps the template's decorative elements and keyboard navigation intact. The skill tells the agent not to change the fonts, colours or layout grid, so the result stays consistent.
Great for
- Editorial or art-direction teams pitching a magazine or lifestyle brand relaunch
- Designers who want a high-contrast, styled HTML presentation instead of a neutral corporate look
- Anyone who needs a visually bold deck that reads as professionally art-directed
Skip it if
- Decks that must feel soft, calm or conservative, because the palette is intentionally high-contrast (style mismatch)
- Projects that need a different visual identity, since the skill forbids swapping fonts or palette and so cannot be adapted to a house brand without breaking the system
Try asking
- “Build a 10-slide editorial design system deck for our culture magazine relaunch using the tri-tone palette”
- “Turn these headlines and numbers into an 8-slide art direction review in the Editorial Tri-Tone style”
- “Add a new layout slide in the same visual system for a grid and typography comparison”
Install in 3 steps
- 1
Download the skill
The ZIP contains the 4 original files, the Apache-2.0 licence and an attribution note.
html-ppt-zhangzara-editorial-tri-tone.zip - 2
Add it to your agent
Claude Code (all projects)
mkdir -p ~/.claude/skills && unzip html-ppt-zhangzara-editorial-tri-tone.zip -d ~/.claude/skills/Claude Code / Agent SDK (this project only)
mkdir -p .claude/skills && unzip html-ppt-zhangzara-editorial-tri-tone.zip -d .claude/skills/Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.
- 3
Ask for the task
No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.
Get better results
- Clone both example.html and the assets/ folder into your workspace, or the navigation script will fail to load.
- Provide your real headlines, numbers and audience up front so the agent can fill the template rather than invent content.
- Keep the MIT licence notice when redistributing the template files, as the skill requires.
What's inside
- assets/deck-stage.js
- example.html
- SKILL.md
- template.json
Redistributed unmodified from nexu-io/open-design under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.