Skip to content
Get packs

Retro TV Family-History Deck

Builds a warm, retro TV-styled single-file HTML slide deck telling a family history from home movies.

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

What it does

When installed, the agent builds a self-contained HTML slide presentation styled like a 1980s picture-tube TV on a warm cream background, with scanlines, amber and brick-red accents, and fixed fonts. You describe a story (for example a family history from home movies), and the agent fills a provided template with your content, plans the slides, writes speaker notes, and suggests a visual structure. The skill is a single-theme template: the agent is told to keep the design and keyboard-navigation code intact and only replace content.

Great for

  • Families or individuals who want to present a personal life story as a visual slideshow
  • People who want a distinctive retro-styled HTML deck without designing it from scratch
  • Users comfortable editing a single HTML file to open or share in a browser

Skip it if

  • Business or formal decks needing corporate branding, since the palette and fonts are fixed to this retro theme
  • Situations involving private family photos or footage being uploaded to third-party tools, since the skill itself gives no privacy guidance and the Google Fonts import loads external resources

Try asking

  • “Turn my list of home movie scenes from the 1970s to 2020s into a family-history slide deck in retro TV style”
  • “Plan the slides and speaker notes for a family story deck for relatives, starting from this template”
  • “Rewrite the content of this HTML deck with my own family timeline, keeping the existing design”
Step-by-step guide: how to use Retro TV Family-History 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.

    hps-retro-tv.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip hps-retro-tv.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip hps-retro-tv.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

  • Give the agent your content and a clear audience and goal first; it is instructed to ask for missing essentials such as the deadline and must-keep facts.
  • Ask it to replace only the slide content in example.html so the built-in design and navigation stay working.
  • Review any names, dates, and personal details in the output before sharing the file with family, since the content is written by the agent from what you provide.

What's inside

  • example.html
  • open-design.json
  • SKILL.md

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.