Skip to content
Get packs

McKinsey-Style Margin Deck

Builds a consulting-style HTML slide deck for a margin-recovery diagnosis, using a mid-century visual template.

Source Download skill
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”
Step-by-step guide: how to use McKinsey-Style Margin 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.

    html-ppt-zhangzara-mat.zip
  2. 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. 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.