Sandbox
@appautomaton/presentation

Presentation skills for Claude Code and Codex

This repo packages the full deck-making flow into four skills: argument, identity, PDF rendering, and PPTX rendering. Each skill has its own `SKILL.md`, and the root guide coordinates how they pass files between one another.

57 stars4 forksJavaScriptUpdated 7d ago
Who it's for

Builders who want their agent to turn a business question into a consulting-style deck.

What it delivers

You can move from question to storyboard to finished slides without rebuilding the process each time.

What it does

Consultant storyboard skill

Turns a business question and data into a markdown storyboard using hypothesis-driven decomposition and consulting-style structure.

Brand system skill

Creates `brand-brief.md`, `identity.js`, and a preview PDF from brand context or a blank slate.

PDF deck designer

Builds pixel-perfect PDF slides from a storyboard and identity using HTML and Playwright.

PPTX deck designer

Builds a native editable PowerPoint deck with `pptxgenjs`, slide patterns, and grid-based layout rules.

Shared agent guide

Uses root `AGENTS.md` and `CLAUDE.md` as the common contract for all skills and handoffs.

Verification and preview tools

Includes `verify.js` for executable checks and `generate-previews.js` for exhibit preview QA.

How to get it

  1. 1Three skills carry rendering engines with their own dependencies. Install once per skill
    cd brand-system && npm install
    cd ../deck-design-pdf && npm install
    cd ../deck-design-ppt && npm install

README

Presentation Skills

A business question goes in. A consulting-grade deck comes out.

Four composable agent skills covering the full arc of deck production: the argument, the identity, and the artifact. Built for Claude Code, readable by any agent that understands SKILL.md and AGENTS.md.

skills output pptxgenjs echarts playwright offline agents license

Pipeline

Two producers feed two renderers. Every handoff is a plain file in your working directory, not a framework.

┌──────────────────────┐          ┌──────────────────────┐
│      consultant      │          │     brand-system     │
│  argument architect  │          │  identity designer   │
└──────────┬───────────┘          └──────────┬───────────┘
           │                                 │
           │  storyboard                     │  identity.js
           │  what each slide must prove     │  palette, fonts, style
           │                                 │
           ▼                                 ▼
┌─────────────────────────────────────────────────────────┐
│                     deck production                     │
│                                                         │
│   deck-design-pdf              deck-design-ppt          │
│   pixel-perfect PDF            native editable PPTX     │
│   HTML + Playwright            pptxgenjs                │
└─────────────────────────────────────────────────────────┘

Run the full chain, or point a deck skill at any storyboard and identity you already have. Every skill also works standalone.

The skills

SkillConsumesProducesCore discipline
consultanta business question, your datastoryboard (markdown)Hypothesis-driven decomposition. McKinsey, BCG, or Bain methodology. Forcing-function quality gates.
brand-systembrand context, or a blank slatebrand-brief.md, identity.js, preview PDFResearch-first palettes. Typography pairing. Style vocabulary that downstream skills interpret.
deck-design-pdfbrief or storyboard, plus identitypixel-perfect PDFGhost-deck argument gates. 46 self-contained exhibit patterns. Fill-first layout.
deck-design-pptbrief or storyboard, plus identitynative editable PPTX21 slide patterns on one grid contract. Slot budgets as the overflow defense.

Install

Clone anywhere you keep skills, then symlink each skill into your agent's skills directory.

git clone <repo-url> ~/skills/presentation
cd ~/skills/presentation

# Claude Code
for s in consultant brand-system deck-design-pdf deck-design-ppt; do
  ln -s "$(pwd)/$s" ~/.claude/skills/$s
done

# Codex
for s in consultant brand-system deck-design-pdf deck-design-ppt; do
  ln -s "$(pwd)/$s" ~/.codex/skills/$s
done

Three skills carry rendering engines with their own dependencies. Install once per skill:

cd brand-system && npm install
cd ../deck-design-pdf && npm install
cd ../deck-design-ppt && npm install

Fonts, icons, and chart libraries are vendored inside each skill. After npm install, builds run with zero network dependency.

Why the decks do not look generated

  • Action titles are full-sentence conclusions, tested by reading them in sequence with every exhibit hidden. If the titles alone fail to persuade, the argument gets fixed before any pixel exists.
  • Every slide must be load-bearing. If removing it leaves the argument intact, it goes.
  • Charts follow firm visual DNA: restrained palettes, direct labels over legends, annotation as interpretation. No chartjunk.
  • PPTX output stays fully editable. Every element is a native PowerPoint object, no image-of-a-slide shortcuts.

Repo map

presentation/
├── AGENTS.md               unified agent guide (CLAUDE.md symlinks to it)
├── consultant/             analysis and storyboarding, no build engine
├── brand-system/           identity engine, renders preview PDFs
├── deck-design-pdf/        HTML-to-PDF engine, 46 exhibit examples, 7 palettes
├── deck-design-ppt/        PPTX engine, 21 patterns, slot budgets
├── docs/                   GitHub Pages landing
├── generate-previews.js    exhibit preview QA bench
└── verify.js               behavior journal, 26 executable checks

For agents and maintainers

Root AGENTS.md is the single maintainer guide: repository rules, cross-skill contracts, per-skill notes. Skill folders contain only their runtime surface. Per-skill backlogs live in TODO.md where present.

node verify.js runs the behavior journal: executable checks that lock current behavior, from doc-link integrity and handoff round trips to two real deck builds. Run it before and after changes. Regenerate exhibit previews with node generate-previews.js after touching examples or vendored chart libraries.

License

MIT

Files in the repo

Repository payload11 top-level entries
  • brand-system
  • consultant
  • deck-design-pdf
  • deck-design-ppt
  • docs
  • .gitignore
  • AGENTS.md
  • CLAUDE.md
  • generate-previews.js
  • README.md
  • verify.js

Discussion (0)

Ask about usage, or say what you built with it

Sign in to join the discussion.

No comments yet. Be the first to say what this is good for.

More skills

Turn any codebase, with its docs, SQL schemas, configs, and PDFs, into a queryable knowledge graph. A /graphify skill for Claude Code, Cursor, Codex, and Gemini CLI: local deterministic AST parsing, every edge explained, no vector store.

117k
1 add
Vincentwei1021/
anything2explainer

Topic in, narrated explainer video out. A Claude Code / Codex skill that turns any topic into a black-canvas motion-graphics explainer video with TTS voiceover, subtitles and a chapter progress bar. Chinese or English; every frame drawn in code with Remotion.

666

Taste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop

86k

Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self-contained HTML with motion and crisp export.

57k