McKinsey-Style Margin Deck
Builds a consulting-style HTML slide deck for a margin-recovery diagnosis, using a mid-century visual template.
- 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 (dark sage background, bone-colored paper, burnt-orange accents) for a single-file HTML presentation. When asked, the agent copies the example deck, swaps in the user's own headlines, numbers and text, and keeps the design intact. It is aimed at consulting-style decks: a governing thought, a driver tree, priorities and a roadmap for a client steering committee.
Great for
- Consultants or advisors who want a polished HTML deck for a client sponsor or steering committee
- Designers who want a warm, mid-century look for a strategy or studio presentation
- Teams that prefer a self-contained HTML file over a PowerPoint or Google Slides file
Skip it if
- Teams needing a fast, high-energy tech look, since the muted palette is deliberately slow and warm
- Decks with figures that must be verified: the skill does not check numbers or sources, so unchecked client figures could be presented as fact
Try asking
- “Turn my grocery chain margin findings into a 9-slide steering committee deck in the template's style”
- “Replace the placeholder text in this deck with my client's revenue and cost numbers”
- “Add a roadmap slide to this deck, matching the existing layouts”
Install in 3 steps
- 1
Download the skill
The ZIP contains the 3 original files, the Apache-2.0 licence and an attribution note.
html-ppt-zhangzara-mat.zip - 2
Add it to your agent
Claude Code (all projects)
mkdir -p ~/.claude/skills && unzip html-ppt-zhangzara-mat.zip -d ~/.claude/skills/Claude Code / Agent SDK (this project only)
mkdir -p .claude/skills && unzip html-ppt-zhangzara-mat.zip -d .claude/skills/Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.
- 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 the real numbers and source material up front so the agent does not invent placeholder figures.
- Ask the agent to keep the existing layouts and fonts; the skill instructs it to avoid restyling.
- Check the deck's text and figures yourself before presenting, since the skill's example content is illustrative.
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.