Guide · Agent skill
How to use the Memphis Pop HTML Slide Deck agent skill
Updated · written with AI from the project's own documentation and checked against our catalogue data
The Memphis Pop HTML Slide Deck skill (skill name hps-memphis-pop) lets a coding agent or Claude environment build a presentation as one self-contained HTML file in a bold 1980s Memphis visual style. This guide explains what the skill does, how to install it, how to ask for a deck, and what to check before you present. You don't need prior experience with agent skills to follow it.
Memphis Pop HTML Slide Decknexu-io/open-design · Apache-2.0 Download the skill Quick start
- 1Download the ZIP. Get the hps-memphis-pop ZIP from this page. It contains SKILL.md, example.html and open-design.json.
- 2Unzip into the skills folder. Unzip into ~/.claude/skills/ for personal use, or into a project's .claude/skills/ folder.
- 3Or upload in the Claude apps. Go to Settings → Capabilities → Skills and upload the skill there.
- 4Describe your talk. Ask for an HTML slide deck, and give the subject, audience and any must-keep numbers.
- 5Answer the agent's questions. The agent asks only for missing essentials, such as audience, decision target, source materials and deadline.
- 6Open and check the file. Open the generated HTML in a browser, navigate with the keyboard, and verify all content.
What the skill makes the agent do
When the skill is installed, the agent builds slides as a single HTML file. The file uses a cream background with confetti dots, black-outlined cards with hard shadows, pink, teal and yellow accents, and display type. You open the result in a web browser; the source says no special software is needed.
The skill does not start from a blank page. It starts from a provided example file, example.html, keeps the fixed colour and font rules and the keyboard navigation script, and fills in your own content along with a slide plan and speaker notes.
- Output: one HTML file with slides, navigable with the keyboard.
- Built-in: a fixed colour palette and font set, plus speaker notes on each slide.
- Layouts: cover, table of contents, section dividers, content pages, and a closing slide, chosen from a shared catalogue.
Install the skill from the ZIP
Download the ZIP of the hps-memphis-pop skill from this page. It contains three files: SKILL.md, example.html and open-design.json.
For a personal install, unzip it into ~/.claude/skills/. To limit it to one project, unzip it into that project's .claude/skills/ folder instead.
If you use the Claude apps, you can upload the skill instead of copying files. Go to Settings → Capabilities → Skills and upload it there.
- Personal: ~/.claude/skills/
- Project only: .claude/skills/ inside your project folder
- Claude apps: Settings → Capabilities → Skills
Trigger the skill with a natural request
You don't need a special command. Describe the talk you want and mention slides or an HTML deck. The skill's triggers include terms such as html deck, html slides, story and personal, so requests using those words are most likely to pick it up.
The source's example prompt asks the agent first for only what is missing: audience, decision target, source materials, deadline and any numbers that must stay. Answer those, then ask for the slide plan, slide text, visual direction and speaker notes.
- Example request: Make an HTML slide deck about how 1980s design shaped today's apps, for a design community audience, in the Memphis style.
- Example request: Build a single-file HTML deck from my notes, with speaker notes on each slide.
- Give the agent your real content; the skill is written to avoid placeholder text.
Review and present the deck
Open the generated HTML file in a browser. Use the arrow keys, Space, PageUp, PageDown, Home and End to move between slides. The deck also supports deep links in the form #/N, where N is the slide number starting at 1.
Check the text, numbers and sources yourself before presenting. The skill keeps the design rules fixed, but the content comes from you and the agent.
- Keys: ← → Space PageUp PageDown Home End
- Deep link: add #/3 to the address to open slide 3
- Speaker notes are stored in hidden blocks in each slide.
What it needs and safety notes
The skill needs a coding agent or Claude environment that can read SKILL.md and write files. Fonts load from Google Fonts when the deck is viewed, so the viewer needs internet access for the intended typefaces. The skill uses no other external resources.
The skill does not run scripts. It does use the network, but only to load those Google Fonts. The source states that charts are inline SVG or pure CSS and that no external chart library is used.
- Requires: an agent that can read SKILL.md and write files; internet access to load Google Fonts when viewing.
- Runs scripts: no.
- Uses network: yes, for Google Fonts only.
Tips for better decks
The skill is strict about its look. If you need your own brand colours or fonts, it will not add them, so choose a different skill or template for that case.
Keep each slide to a few points. The layouts are built for one screen per slide, with no internal scrolling.
- Keep at most two to four decorative shapes per slide, as the skill specifies.
- Use real numbers and quotes rather than placeholders.
- Ask for speaker notes explicitly if you want them in the output.
What people use it for
- A designer's talk on how 1980s visual design influenced modern app interfaces.
- A pop-culture or design-history presentation for a design audience.
- A single HTML file deck to share by link or open offline, with the fonts loading when online.
- A speaker deck with hidden speaker notes on each slide.
Frequently asked questions
How do I install the hps-memphis-pop skill?
Download the ZIP from this page and unzip it into ~/.claude/skills/ for personal use, or into a project's .claude/skills/ folder. In the Claude apps you can instead upload it under Settings → Capabilities → Skills.
What do I need to use the Memphis Pop skill?
You need a coding agent or Claude environment that can read SKILL.md and write files. Viewers need internet access to load the Google Fonts used in the deck.
Is the Memphis Pop HTML Slide Deck skill free?
The source states the skill is licensed under Apache-2.0. It does not give pricing, so check the licence and the page you downloaded from for any other terms.
Does the skill run scripts or access the network?
It does not run scripts. It uses the network to load Google Fonts when the deck is viewed, and it uses no other external resources.
Can I use my company's brand colours and fonts?
Not with this skill. It forbids introducing colours or fonts outside its locked palette, so it suits retro talks rather than formal or brand-controlled presentations.
Why does my deck's font look wrong when I open it?
The fonts load from Google Fonts, so the viewing device needs internet access. Offline, the browser falls back to other fonts. Check your connection and reload the file.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
This skill suits designers, creators and speakers who want a quick, fun Memphis-style talk deck delivered as one HTML file. It is a poor fit for formal, corporate or regulated presentations, or for any deck that must match exact brand colours and fonts.
Download the skill