Skip to content

Simple Deck HTML Slides

Builds a single-file, swipeable HTML slide deck for leadership or board pre-reads.

Stars
105,448
Licence
Apache-2.0
Files
5 files

What it does

When installed, the agent builds a horizontal-swipe HTML presentation in one file (index.html) using a bundled starter template and eight slide layouts. It plans the slide count and light/dark theme rhythm before writing any slides, fills them with specific copy rather than placeholder text, and runs a self-review checklist. The skill is framed around corporate strategy and board-style decks, and its example prompt asks for a decision-focused operating review.

Great for

  • Teams preparing a leadership or board pre-read deck as an HTML file
  • Designers who want a consistent slide template driven by design tokens
  • People who want an agent to structure a decision-oriented deck before writing slides

Skip it if

  • Users who need real financial figures checked: the skill supplies structure and layout, not data, so any numbers must come from the user and be verified by them
  • Anyone expecting a PowerPoint or Google Slides file: the output is a single HTML page
  • Sensitive board materials shared through an unreviewed workflow: the generated file is only as trustworthy as the source material the user provides

Try asking

  • “Create a board pre-read deck on our growth and burn figures, using the simple-deck layouts”
  • “Turn this operating review notes document into a six-slide HTML deck for the leadership team”
  • “Build an 8-slide HTML strategy deck with a clear ask on the final slide”
Step-by-step guide: how to use Simple Deck HTML SlidesInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 5 original files, the Apache-2.0 licence and an attribution note.

    simple-deck.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip simple-deck.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip simple-deck.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 audience, decision target, source figures and deadline up front, since the skill asks for these before drafting
  • Review the slide rhythm sketch the agent shows before it writes HTML, and redirect it cheaply if needed
  • Check every number and claim in the finished deck against your source documents before sharing it

What's inside

  • assets/template.html
  • example.html
  • references/checklist.md
  • references/layouts.md
  • 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.