Guide · Agent skill
How to use the Personal Manifesto Slide Deck agent skill
Updated · written with AI from the project's own documentation and checked against our catalogue data
The Personal Manifesto Slide Deck is an agent skill that tells an AI agent how to build a talk as a single web page of HTML slides in a soft pastel style. It is written for a personal story about a year of saying yes, arranged as premise, scenes, turn and meaning. After this guide you will know what the skill does, how to add it to your agent, how to ask for a deck in plain language, and what to check before you present.
Personal Manifesto Slide Decknexu-io/open-design · Apache-2.0 Download the skill Quick start
- 1Download and unzip. Download the skill ZIP from this page and unzip it into ~/.claude/skills/ or a project's .claude/skills/ folder.
- 2Confirm the html-ppt files. Make sure the design-templates/html-ppt files, including base.css, animations.css, runtime.js and fonts.css, are present in the same repository.
- 3Ask for a deck. Request a personal talk deck as HTML slides in a pastel style, and answer the agent's questions about audience, goal, numbers and deadline.
- 4Fix asset paths. Apply Recipe A or Recipe B so index.html no longer uses ../../../assets/ URLs.
- 5Move notes out of slides. Place presenter notes in an aside or div with class notes, not as visible text.
- 6Review in a browser. Open the HTML deck in a web browser and check that slides load and keyboard navigation works.
- 7Verify claims yourself. Check every fact and number in the deck, since the skill does not verify claims.
What the skill makes the agent do
The skill guides an AI agent to produce a presentation as one HTML web page, with each slide as a section of that page. It starts from the xhs-pastel-card template, which uses a soft pastel look, and fills it with a story arc: premise, scenes, turn and meaning.
Before drafting, the skill asks for the audience, the goal and the key numbers. It is aimed at community or personal talks rather than formal corporate or financial reports. The skill writes content from what you supply and does not check claims for accuracy.
Install the skill
Download the ZIP of the skill from the page where you found this guide, then unzip it. To make it available across your projects, unzip it into ~/.claude/skills/. To limit it to one project, unzip it into that project's .claude/skills/ folder.
If you use the Claude apps instead, open Settings, go to Capabilities, then Skills, and upload the ZIP there.
- Personal use: ~/.claude/skills/
- Single project: the project's .claude/skills/ folder
- Claude apps: Settings → Capabilities → Skills, then upload
~/.claude/skills/Check the requirements
The skill needs an AI agent that can read SKILL.md files and create or edit project files. It also needs the html-ppt master skill files in the same repository (design-templates/html-ppt), including assets such as base.css, animations.css, runtime.js and fonts.css. You need a web browser to view the finished deck.
The skill does not run scripts and does not use the network.
- An agent that can read SKILL.md and edit project files
- The html-ppt files at design-templates/html-ppt, including base.css, animations.css, runtime.js and fonts.css
- A web browser to view the HTML deck
Trigger the skill with a natural request
Ask the agent in plain words for a personal talk deck in a pastel HTML style. The skill's triggers include phrases such as html deck, html slides, personal, story and photo-essay, so wording close to these helps the agent select it.
If your request is vague, expect the agent to ask first for the audience, the decision you want the talk to drive, your source material, the deadline and any numbers that must stay in the deck.
- I want an HTML slide deck for a community talk about a year of saying yes, in a pastel style.
- Build a personal story deck with premise, scenes, turn and meaning, as HTML slides.
- Make an html deck for my personal talk. Ask me for the audience and key numbers first.
Fix the template links before you present
The template's index.html links to shared files through ../../../assets/ paths. Once copied into your project, those paths break and the deck will not style or navigate. Choose one recipe per project.
Recipe A (preferred) copies fonts.css, base.css, animations/animations.css and runtime.js into a local assets/ folder and rewrites the four link and script tags to local paths. Recipe B inlines the contents of those four files into the page, producing one self-contained index.html.
- Recipe A: local assets/ folder with rewritten tags
- Recipe B: inline style and script blocks in one file
- Do not leave ../../../assets/ paths in the final project
Keep speaker notes off the slides
Put presenter notes inside an aside or div with class notes. The skill's rule is that presenter-only text must never appear as visible slide text.
You can change the look by swapping in one of the themes in design-templates/html-ppt/assets/themes/. The template's keyboard runtime handles navigation.
<aside class="notes">Your speaker notes here</aside>What people use it for
- Preparing a community talk about a personal year of change, shaped as a story
- Building a pastel HTML slide template to reuse for your own personal presentations
- Drafting a talk with a clear premise, scenes, turn and meaning from your own notes
- Creating a single-file HTML deck with speaker notes kept in notes elements
Frequently asked questions
How do I install the Personal Manifesto Slide Deck skill?
Download the ZIP from this page and unzip it into ~/.claude/skills/ for all projects, or into a project's .claude/skills/ folder for one project. In the Claude apps, you can instead upload the ZIP under Settings, Capabilities, Skills.
What do I need to run this skill?
You need an AI agent that can read SKILL.md files and create or edit project files, the html-ppt master files in design-templates/html-ppt including base.css, animations.css, runtime.js and fonts.css, and a web browser to view the deck.
Is this skill free to use?
The source says the upstream html-ppt-skill is MIT-licensed and the LICENSE file ships at design-templates/html-ppt/LICENSE. This skill's own listing is marked Apache-2.0. Keep the LICENSE file in place when you redistribute the templates.
Why does my deck show no styling after I copy index.html?
The template links shared files with ../../../assets/ paths that only resolve inside the original repository. Copy the four assets locally and rewrite the tags, or inline them into one file, as the skill describes.
Does the skill run scripts or use the internet?
No. The skill runs no scripts and uses no network access. It only guides the agent to write and edit HTML and CSS files in your project.
Can I use it for a corporate or financial presentation?
Not as intended. The template is a personal life-story style, and the skill targets community and personal talks rather than formal corporate or financial reports.
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
Use this skill if you are preparing a personal or community talk and want a story-shaped, pastel HTML deck, and you are comfortable with an AI agent and copying template files. Pick another option if you need a formal corporate or financial deck, a deck that works as a single file without any setup, or a deck whose facts are checked for you.
Download the skill