Skip to content
Get packs

Retro Zine HTML Deck

Builds a riso-print style, single-file HTML slide deck for neighborhood stories and zines

Source Download skill
Repository
nexu-io/open-design
Stars
105,448
Licence
Apache-2.0
Files
3 files

What it does

This skill gives the agent a ready-made visual template for presentation slides written as a single self-contained web page. Once installed, the agent starts from a beige, zine-like design with green accents and handmade-looking type, swaps in your own headlines, text, and numbers, and keeps the decorative style consistent across slides. It can also add or duplicate slides and design new ones in the same look.

Great for

  • Creators or small publishers who want a printed, handmade zine feel for a story or photo essay deck
  • Community or local-news writers presenting neighborhood stories
  • Designers who want a warm, lo-fi alternative to polished digital slide templates

Skip it if

  • Corporate or tech decks that need modern digital polish, since the skill itself says the zine look intentionally feels handmade
  • Anyone who needs the file to run scripts or load live data, because this template is a static HTML page with no described code or network features

Try asking

  • “Create a neighborhood zine deck about closing corner shops, with portraits and quotes, in the retro zine template”
  • “Turn my photo essay notes into a 10-slide HTML deck in the Retro Zine style”
  • “Duplicate the quote slide layout so I have five more slides for interviews”
  • “Replace the placeholder text in this template with my community survey numbers”
Step-by-step guide: how to use Retro Zine HTML DeckInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 3 original files, the Apache-2.0 licence and an attribution note.

    html-ppt-zhangzara-retro-zine.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip html-ppt-zhangzara-retro-zine.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip html-ppt-zhangzara-retro-zine.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 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

  • Provide your audience, the decision or outcome you want, and your real numbers up front so the agent does not invent content.
  • Keep the template's fonts, palette and decorative elements; the skill asks the agent not to change them.
  • If you redistribute the files, include the upstream MIT license text, as the SKILL.md requires; the LICENSE file it references was not among the files reviewed.

What's inside

  • 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.