OverviewHistoryStatsSecurity
npx skills add ...
Documentation
SKILL.md
npx skills add myzy-ai/dokie-ai-ppt --skill dokie-ai-ppt
AI presentation generator. Create professional HTML slides through conversation. Triggers: create/edit PPT, presentation, slides, deck, keynote, pitch deck, quarterly report, product intro, training materials, roadshow, work report. Core: requirement analysis, outline generation, theme selection, HTML slide generation, local preview.
npx skills add myzy-ai/dokie-ai-ppt --skill dokie-ai-ppt
This is Dokie AI PPT Skill — a professional presentation design skill. Use it whenever you need to generate a PPT, create a presentation, or build any showcase content with HTML.
Built on web technologies, supporting everything from minimal business style to Awwwards-level creative motion — far beyond what traditional PPT can deliver.
⚠️ IMPORTANT: This is an interactive, step-by-step workflow. At each step, you MUST read the referenced rule files before doing the work. Present your result to the user and wait for their response before moving to the next step. Do NOT rush through multiple steps in one response.
See rules/workflow.md for details.
| Item | Specification |
|---|---|
| Resolution | 1280 × 720 |
| Charts | Chart.js 4.5 |
| Icons | Font Awesome 6.5 |
| Animation | GSAP (CSS animation prohibited) |
| Prohibited | Emoji, fabricated image URLs |
| File | Content | When to Reference |
|---|---|---|
| workflow.md | Full workflow, grouping rules, theme switching | Before starting a task |
| outline.md | Outline format (Content + Design) | When generating outline |
| modify-scenarios.md | Modification scenarios (insert, delete, split, merge, restyle, etc.) | When modifying a project |
| quality-check.md | Post-generation quality checklist | After generation, before preview |
| File | Content | When to Reference |
|---|---|---|
| theme.md | Theme structure, style extraction, generation steps | Must read before generating HTML |
| theme-list.md | Full theme list (local + online) | When selecting a theme |
| theme-customize.md | Change colors, fonts, custom themes | When user requests customization |
| slide-html.md | HTML specs, icons, image rules | When generating HTML |
| File | Content |
|---|---|
| charts/chartjs.md | Statistical charts (bar, line, pie, radar, bubble) |
| charts/pyramid.md | Pyramid chart (HTML + CSS clip-path) |
| charts/funnel.md | Funnel chart (HTML + CSS clip-path) |
| charts/timeline.md | Timeline (HTML + CSS Flex/Grid) |
| charts/flowchart.md | Flowchart + cycle diagram (HTML/AntV/Mermaid) |
| charts/quadrant.md | Quadrant / SWOT (HTML + CSS Grid) |
Choose style based on scenario. Default is "Balanced":
| File | Style | Use Case |
|---|---|---|
| animation/minimal.md | Minimal | Formal business, investor presentations |
| animation/balanced.md | Balanced | General purpose, internal training |
| animation/creative.md | Creative | Product launches, creative showcases |
File naming: slide_01.html, slide_02.html ... numbered sequentially.
my-project/
├── slide_01.html
├── slide_02.html
├── slide_03.html
└── ...