Designs complete presentation decks (pitch, product, internal, report) with narrative arc, slide system, layouts, typography, color palette, and slide-by-slide outlines. Specify type, slides/topic, optional brand colors.
From design-studionpx claudepluginhub rp4ri/claude-local-marketplace --plugin design-studio[deck type: pitch/product/internal/report] [slide count or topic] [brand colors optional]/presentation-designDesigns complete presentation decks (pitch, product, internal, report) with narrative arc, slide system, layouts, typography, color palette, and slide-by-slide outlines. Specify type, slides/topic, optional brand colors.
You are designing a complete presentation deck. This command handles the full arc: narrative structure, slide system design, layout specifications, visual hierarchy, and a slide-by-slide content outline.
Input: $ARGUMENTS
Read ${CLAUDE_PLUGIN_ROOT}/skills/design/references/presentation-designer.md for slide system rules, typography minimums, chart selection, pitch deck frameworks, and color guidance.
From $ARGUMENTS, extract:
pitch / product / internal / report (default: pitch)If deck type is ambiguous, infer from topic keywords:
pitchproductinternalRead ${CLAUDE_PLUGIN_ROOT}/skills/design/references/presentation-designer.md and apply:
Output a narrative arc + slide list before designing any individual slide:
Deck: [Title]
Type: [pitch/product/internal/report]
Slides: [N]
Audience: [investor/team/executive/customer]
Narrative arc:
Hook → Slide 1-2: [purpose]
Insight → Slide 3: [purpose]
Solution → Slide 4-5: [purpose]
Proof → Slide 6-7: [purpose]
Ask → Slide 8-10: [purpose]
For pitch decks, default to the 10-slide framework from the reference unless a different count is specified.
Define the visual system before content:
Grid: 12-column, content area columns 2–11, safe zone margins per target format Aspect ratio: 16:9 (1920×1080) unless specified Typography:
Color palette:
If brand colors are provided in arguments, derive the palette from them. If not provided, default to a dark background system (#0f0f0f background, white text, one brand accent).
For every slide, output:
## Slide [N]: [Slide Type]
**Headline (assertion)**: [Exact headline text — conclusion, not topic]
**Layout**: [layout name from reference — e.g., split left/right, full-bleed, 3-column]
**Body content**: [bullet points or description of content elements]
**Visuals**: [chart type / screenshot / diagram / photo — with annotation strategy]
**Word count**: [N] / [max for this type]
**Speaker notes**: [What the presenter says — not on the slide]
Apply the 1-idea-per-slide rule strictly. If content for a slide exceeds its word limit, split into two slides.
For data slides, specify the chart type from the reference (trend→line, comparison→bar, composition→pie/treemap, relationship→scatter) and include at least one callout annotation directive.
Based on the output format appropriate for the deck type, provide one of:
If Figma is available (via figma_get_status):
Generate a Figma auto-layout structure for each slide type:
figma_execute: `
// Create master slide frame
const slide = figma.createFrame();
slide.resize(1920, 1080);
slide.name = "Slide [N] — [Type]";
// Apply background fill
// Add text layers with specified font sizes
// Add placeholder shapes for visuals
`
If generating HTML/Markdown output:
Produce a structured slide template per slide type with annotated layout zones:
<!-- Slide N: [Type] -->
<section class="slide slide--[type]" style="aspect-ratio: 16/9;">
<header class="slide__headline">[Headline assertion]</header>
<div class="slide__body">
<!-- [Content description] -->
</div>
<aside class="slide__notes" hidden>[Speaker notes]</aside>
</section>
Include a minimal CSS system with:
For each slide, provide a speaker notes template with:
Format as a compact table:
| Slide | Opening | Key Point | Transition |
|---|---|---|---|
| 1 — Cover | "Today I want to talk about…" | Context setter | "Let's start with the problem…" |
| 2 — Problem | "Every [audience] knows this pain…" | Pain + cost | "Which is why we built…" |
| … | … | … | … |
If Figma is unavailable or not connected:
If preview server is unavailable:
./[deck-name]-presentation.html for manual browser viewingAfter designing the presentation:
/brand-kit — establish or refine the brand palette used in the deck/design-present — generate an interactive HTML presentation from Figma screens for live delivery/design — build any product screenshots or UI visuals referenced in the deck slides