slide-design

Name: slide-design
Author: proyecto26

26stars6forks

How to install slide-design?

proyecto26/slides-ai-plugin/slide-design

$npx -y skills add proyecto26/slides-ai-plugin --skill slide-design

Installs into the current project.

Summary

Used when the user asks to "create slides", "make a presentation", "build a deck", "design slides", "generate a pitch deck", "create a conference talk", "make a keynote", "presentation design", "slide layout", "slide template", "presentation structure", or mentions slides, presen

Files · 1

View on GitHub

SKILL.md

1	# Slide Design — Presentation Planning & Orchestration
2
3	Entry-point pipeline for creating professional presentations. This skill orchestrates the full workflow from content planning through format-specific generation, programmatically invoking the `html-slides` or `pptx-slides` skill for the final output.
4
5	Execute the steps below in order. Do NOT skip steps or ask the user to choose which steps to run — the pipeline is sequential.
6
7	## Step 1: Content Discovery
8
9	Gather presentation requirements before generating anything. If `$ARGUMENTS` was provided, use it as the topic or content source.
10
11	1. Topic & purpose — Identify the subject, key message, and call to action
12	2. Audience — Technical level, interests, expected takeaways
13	3. Duration & format — Map to the slide count guidelines below
14	4. Language & tone — Bilingual (e.g., Spanish headings + English terms), formal, playful, meme-driven
15	5. Existing content — Check for PPTX files to convert, markdown outlines, documents to adapt, or template PDFs to reference
16
17	Check for per-project settings that override defaults by reading `.claude/slides-ai-plugin.local.md` from the user's project directory (if it exists). This file may contain YAML frontmatter with preferences like default format, theme, language, or speaker-notes style.
18
19	Produce: `slide-outline.md` in the working directory with topic, audience, duration, language, and existing content summary.
20
21	Immediately continue to Step 2.
22
23	## Step 2: Structure Planning
24
25	Build an outline following the talk-duration-indexed slide count:
26
27	\| Duration \| Slide Count \| Structure \|
28	\|----------\|-------------\|-----------\|
29	\| 5 min (Lightning) \| 5-7 slides \| Hook -> 2-3 key points -> CTA \|
30	\| 15 min (Short talk) \| 12-18 slides \| Intro -> 3-4 sections -> Summary -> CTA \|
31	\| 30 min (Conference) \| 25-35 slides \| Title -> Agenda -> 5-6 sections -> Q&A \|
32	\| 45 min (Keynote) \| 35-50 slides \| Title -> Agenda -> 7-8 sections -> Summary -> CTA \|
33	\| 60 min (Workshop) \| 40-60 slides \| Title -> Agenda -> Sections with exercises -> Wrap-up \|
34
35	Apply the one idea per slide rule. Each slide communicates a single concept with supporting evidence.
36
37	### Slide Type Vocabulary
38
39	Tag each slide in the outline with a type: `title`, `section-divider`, `content`, `image-focus`, `comparison`, `quote`, `code`, `feature-grid`, `timeline`, `metrics`, `meme-gif`, `diagram`, `demo-divider`, `audience-question`, `closing`.
40
41	Produce: Updated `slide-outline.md` with tagged slide outline.
42
43	### Format Capabilities (Planning Reference)
44
45	Use this table when tagging slide types — some types work better in specific formats:
46
47	\| Capability \| HTML \| PPTX \| Notes \|
48	\|------------\|------\|------\|-------\|
49	\| GSAP animations (timeline, scroll, spring) \| Yes \| No \| Use for cinematic reveals, parallax, scroll-driven navigation \|
50	\| CSS transitions (fade, scale, blur) \| Yes \| No \| Lightweight entrance animations \|
51	\| Mermaid diagrams \| Yes \| No \| Flowcharts, sequence diagrams, ER diagrams \|
52	\| Inline video/embed \| Yes \| No \| YouTube, Loom, demos \|
53	\| Editable text boxes \| No \| Yes \| Recipients modify content directly in PowerPoint \|
54	\| Native shapes & charts \| No \| Yes \| Architecture diagrams, org charts via PptxGenJS \|
55	\| Speaker notes (exportable) \| Limited \| Yes \| PPTX speaker notes integrate with Presenter View \|
56	\| Offline sharing \| No \| Yes \| PPTX works without a browser/server \|
57	\| `contenteditable` inline edit \| Yes \| No \| Browser-based live editing before presenting \|
58	\| Syntax highlighting \| Prism.js (CDN) \| PptxGenJS `codeToRuns()` \| Both supported, different rendering \|
59	\| Responsive/mobile viewing \| Yes \| No \| HTML adapts to viewport; PPTX is fixed layout \|
60
61	When tagging slides: prefer `meme-gif`, `diagram`, `timeline` with animations for HTML; prefer `comparison`, `feature-grid`, `metrics` with native shapes for PPTX. Both formats handle `title`, `content`, `quote`, `code`, `image-focus` equally well.
62
63	Immediately continue to Step 3.
64
65	## Step 3: Style Selecti

People who liked this also viewed

6 picks

Type

slide-design

26stars6forks

View on GitHub

How to install slide-design?

proyecto26/slides-ai-plugin/slide-design

$npx -y skills add proyecto26/slides-ai-plugin --skill slide-design

Installs into the current project.

Summary

Files · 1

View on GitHub

SKILL.md

1	# Slide Design — Presentation Planning & Orchestration
2
3	Entry-point pipeline for creating professional presentations. This skill orchestrates the full workflow from content planning through format-specific generation, programmatically invoking the `html-slides` or `pptx-slides` skill for the final output.
4
5	Execute the steps below in order. Do NOT skip steps or ask the user to choose which steps to run — the pipeline is sequential.
6
7	## Step 1: Content Discovery
8
9	Gather presentation requirements before generating anything. If `$ARGUMENTS` was provided, use it as the topic or content source.
10
11	1. Topic & purpose — Identify the subject, key message, and call to action
12	2. Audience — Technical level, interests, expected takeaways
13	3. Duration & format — Map to the slide count guidelines below
14	4. Language & tone — Bilingual (e.g., Spanish headings + English terms), formal, playful, meme-driven
15	5. Existing content — Check for PPTX files to convert, markdown outlines, documents to adapt, or template PDFs to reference
16
17	Check for per-project settings that override defaults by reading `.claude/slides-ai-plugin.local.md` from the user's project directory (if it exists). This file may contain YAML frontmatter with preferences like default format, theme, language, or speaker-notes style.
18
19	Produce: `slide-outline.md` in the working directory with topic, audience, duration, language, and existing content summary.
20
21	Immediately continue to Step 2.
22
23	## Step 2: Structure Planning
24
25	Build an outline following the talk-duration-indexed slide count:
26
27	\| Duration \| Slide Count \| Structure \|
28	\|----------\|-------------\|-----------\|
29	\| 5 min (Lightning) \| 5-7 slides \| Hook -> 2-3 key points -> CTA \|
30	\| 15 min (Short talk) \| 12-18 slides \| Intro -> 3-4 sections -> Summary -> CTA \|
31	\| 30 min (Conference) \| 25-35 slides \| Title -> Agenda -> 5-6 sections -> Q&A \|
32	\| 45 min (Keynote) \| 35-50 slides \| Title -> Agenda -> 7-8 sections -> Summary -> CTA \|
33	\| 60 min (Workshop) \| 40-60 slides \| Title -> Agenda -> Sections with exercises -> Wrap-up \|
34
35	Apply the one idea per slide rule. Each slide communicates a single concept with supporting evidence.
36
37	### Slide Type Vocabulary
38
39	Tag each slide in the outline with a type: `title`, `section-divider`, `content`, `image-focus`, `comparison`, `quote`, `code`, `feature-grid`, `timeline`, `metrics`, `meme-gif`, `diagram`, `demo-divider`, `audience-question`, `closing`.
40
41	Produce: Updated `slide-outline.md` with tagged slide outline.
42
43	### Format Capabilities (Planning Reference)
44
45	Use this table when tagging slide types — some types work better in specific formats:
46
47	\| Capability \| HTML \| PPTX \| Notes \|
48	\|------------\|------\|------\|-------\|
49	\| GSAP animations (timeline, scroll, spring) \| Yes \| No \| Use for cinematic reveals, parallax, scroll-driven navigation \|
50	\| CSS transitions (fade, scale, blur) \| Yes \| No \| Lightweight entrance animations \|
51	\| Mermaid diagrams \| Yes \| No \| Flowcharts, sequence diagrams, ER diagrams \|
52	\| Inline video/embed \| Yes \| No \| YouTube, Loom, demos \|
53	\| Editable text boxes \| No \| Yes \| Recipients modify content directly in PowerPoint \|
54	\| Native shapes & charts \| No \| Yes \| Architecture diagrams, org charts via PptxGenJS \|
55	\| Speaker notes (exportable) \| Limited \| Yes \| PPTX speaker notes integrate with Presenter View \|
56	\| Offline sharing \| No \| Yes \| PPTX works without a browser/server \|
57	\| `contenteditable` inline edit \| Yes \| No \| Browser-based live editing before presenting \|
58	\| Syntax highlighting \| Prism.js (CDN) \| PptxGenJS `codeToRuns()` \| Both supported, different rendering \|
59	\| Responsive/mobile viewing \| Yes \| No \| HTML adapts to viewport; PPTX is fixed layout \|
60
61	When tagging slides: prefer `meme-gif`, `diagram`, `timeline` with animations for HTML; prefer `comparison`, `feature-grid`, `metrics` with native shapes for PPTX. Both formats handle `title`, `content`, `quote`, `code`, `image-focus` equally well.
62
63	Immediately continue to Step 3.
64
65	## Step 3: Style Selecti

People who liked this also viewed

6 picks

Type