Skip to content
Get packs

Memphis Pop HTML Slide Deck

Builds a single-file 1980s Memphis-style HTML slide deck from a seed template

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 presentation slides as one self-contained HTML file in a bold 1980s 'Memphis' visual style: cream background with confetti dots, black-outlined cards with hard shadows, pink, teal and yellow accents, and display type. It starts from a provided example file, keeps the fixed colour and font rules and keyboard navigation script, and fills in your own content, plus a slide plan and speaker notes.

Great for

  • Designers or speakers who want a retro Memphis-style talk deck quickly
  • Creators preparing a pop-culture or design-history presentation for a design audience
  • Anyone who wants a single HTML file deck that opens in a browser without special software

Skip it if

  • Formal corporate or regulated presentations, since the strict decorative style is hard to adapt to brand guidelines
  • Situations needing exact brand colours or fonts outside the locked palette, because the skill forbids introducing them

Try asking

  • “Create a 10-slide Memphis-style deck about how 1980s design shaped today's apps for a design conference”
  • “Turn my notes on the history of postmodern design into an HTML slide deck with speaker notes”
  • “Build a cover, table of contents, and KPI slide in the Memphis Pop template using my numbers”
Step-by-step guide: how to use Memphis Pop HTML Slide 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-memphis-pop.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip hps-memphis-pop.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip hps-memphis-pop.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, key message, and must-keep figures up front so the agent does not need to ask repeatedly
  • Ask for the seed example.html to be kept intact and only the slide content replaced, as the skill recommends
  • Open the resulting HTML in a browser to check layout at 16:9, since fonts load from Google Fonts

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.