Dokie Ai Ppt
Generate professional HTML slide decks through a gated, step-by-step conversation with theme selection, outline approval, and local preview.
Overview
Dokie AI PPT is an agent skill most often used in Build—Docs (also Validate—Scope, Launch—Distribution) that creates professional HTML presentations through a step-by-step, user-confirmed workflow.
Install
npx skills add https://github.com/myzy-ai/dokie-ai-ppt --skill dokie-ai-pptWhat is this skill?
- Interactive workflow: collect requirements → theme → outline → HTML with mandatory user confirmation between steps.
- Triggers cover PPT, pitch deck, quarterly report, roadshow, training materials, and product intro decks.
- Built on web HTML slides with themes from `npx dokie-cli themes`, beyond traditional PPT limits.
- Modify mode preserves original layout with minimal targeted edits after intent is understood.
- Rule files in `rules/workflow.md` must be read before each step—do not batch multiple steps in one response.
- Five-step new project chain: requirements → theme → outline → HTML → preview/feedback
Adoption & trust: 898 installs on skills.sh; 64 GitHub stars; 2/3 security scanners passed (skills.sh audits).
What problem does it solve?
You need a polished pitch or report deck but traditional slide tools and one-shot LLM output skip requirement clarity, theme fit, and review gates.
Who is it for?
Solo founders preparing pitch decks, product intros, or training HTML slides who want explicit confirmation at requirements, theme, and outline steps.
Skip if: Builders who want a single-response full deck with no pauses, or teams that require native PowerPoint `.pptx`-only deliverables with no HTML pipeline.
When should I use this skill?
User asks to create or edit PPT, presentation, slides, deck, keynote, pitch deck, quarterly report, product intro, training materials, roadshow, or work report.
What do I get? / Deliverables
You get a confirmed outline and generated HTML slides with local preview, then iterate with minimal edits until the deck matches your narrative.
- User-approved presentation outline
- Themed HTML slide files
- Local previewable deck ready for feedback iterations
Recommended Skills
Journey fit
Spans multiple journey phases - primary shelf plus alternate fits below.
Slide HTML is a build-time documentation and storytelling artifact indie teams produce before and during shipping, even when the narrative is for investors or customers later. Outputs are structured presentation docs (outline + HTML pages), which belong on the docs shelf rather than a one-off landing page generator.
Where it fits
Turn a vague investor meeting into a confirmed outline and themed HTML pitch deck before you commit build scope.
Produce internal training slides as previewable HTML aligned with your product terminology.
Ship a roadshow deck with motion-ready web slides for demo days and webinars.
Refresh a product intro deck after a feature launch while preserving the approved layout in modify mode.
How it compares
Gated generative slide workflow with HTML output—not a passive template dump or a generic markdown-to-slides one-liner.
Common Questions / FAQ
Who is dokie-ai-ppt for?
Indie builders and small teams who present with HTML-based slides and want an agent-guided process from requirements through previewable decks.
When should I use dokie-ai-ppt?
Use it in Validate when scoping a pitch deck, in Build when producing training or product documentation slides, and in Launch when preparing roadshow or quarterly report materials—always one workflow step per turn with user confirmation.
Is dokie-ai-ppt safe to install?
It relies on `npx dokie-cli` and local preview; check the Security Audits panel on this Prism page before running CLI tooling in your environment.
SKILL.md
READMESKILL.md - Dokie Ai Ppt
# Dokie AI PPT Skill 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. ## Prerequisites ```bash npx dokie-cli themes # Verify CLI is available ``` ## Workflow **⚠️ 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.** ### New Project ``` Collect requirements → User confirms → Select theme → User confirms → Generate outline → User confirms → Generate HTML → Preview → User feedback ``` ### Modify Project ``` Understand intent → Minimal changes → Preserve original layout ``` See [rules/workflow.md](rules/workflow.md) for details. ## Core Specifications | 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 | ## Rule Index ### Process & Format | File | Content | When to Reference | |------|---------|-------------------| | [workflow.md](rules/workflow.md) | Full workflow, grouping rules, theme switching | Before starting a task | | [outline.md](rules/outline.md) | Outline format (Content + Design) | When generating outline | | [modify-scenarios.md](rules/modify-scenarios.md) | Modification scenarios (insert, delete, split, merge, restyle, etc.) | When modifying a project | | [quality-check.md](rules/quality-check.md) | Post-generation quality checklist | After generation, before preview | ### Theme & Generation | File | Content | When to Reference | |------|---------|-------------------| | [theme.md](rules/theme.md) | Theme structure, style extraction, generation steps | **Must read before generating HTML** | | [theme-list.md](rules/theme-list.md) | Full theme list (local + online) | When selecting a theme | | [theme-customize.md](rules/theme-customize.md) | Change colors, fonts, custom themes | When user requests customization | | [slide-html.md](rules/slide-html.md) | HTML specs, icons, image rules | When generating HTML | ### Charts | File | Content | |------|---------| | [charts/chartjs.md](rules/charts/chartjs.md) | Statistical charts (bar, line, pie, radar, bubble) | | [charts/pyramid.md](rules/charts/pyramid.md) | Pyramid chart (HTML + CSS clip-path) | | [charts/funnel.md](rules/charts/funnel.md) | Funnel chart (HTML + CSS clip-path) | | [charts/timeline.md](rules/charts/timeline.md) | Timeline (HTML + CSS Flex/Grid) | | [charts/flowchart.md](rules/charts/flowchart.md) | Flowchart + cycle diagram (HTML/AntV/Mermaid) | | [charts/quadrant.md](rules/charts/quadrant.md) | Quadrant / SWOT (HTML + CSS Grid) | ### Animation Choose style based on scenario. Default is "Balanced": | File | Style | Use Case | |------|-------|----------| | [animation/minimal.md](rules/animation/minimal.md) | Minimal | Formal business, investor presentations | | [animation/balanced.md](rules/animation/balanced.md) | Balanced | General purpose, internal training | | [animation/creative.md](rules/animation/creative.md) | Creative | Product launches, creative showcases | ## CLI Commands ```bash npx dokie-cli themes # List all themes npx dokie-cli themes --jso