Dokie Ai Ppt

by MYZY-AI3e7010c865d07049480eb34d680db31722af75c9No licenseListed Oct 9, 2026Updated Oct 9, 2026

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.

AI-generated overview

Generates professional HTML presentation slides through a guided, step-by-step conversation with the user.

What it does
This skill walks through an interactive workflow: gathering requirements, selecting a theme, generating an outline, producing HTML slides, and previewing them locally. It outputs a project folder of sequentially numbered HTML slide files (slide_01.html, slide_02.html, and so on) at 1280x720 resolution, using Chart.js, Font Awesome, and GSAP animation. It also supports modifying existing projects with minimal changes while preserving the original layout.
When to use it
Use it when you need to create or edit a presentation, deck, keynote, pitch deck, quarterly report, product introduction, training material, roadshow, or work report. It suits users who want HTML-based slides with theme and animation options beyond traditional presentation software.
Requirements
Requires the dokie-cli command-line tool, invoked via npx (for example, npx dokie-cli themes), for listing themes, retrieving theme details, and local preview. It ships no scripts itself; it is instructions only, plus bundled theme assets and rule files. Generated slides rely on Chart.js 4.5, Font Awesome 6.5, and GSAP, and images must come from user uploads or tool-fetched sources.

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 [blocked] for details.

Core Specifications

ItemSpecification
Resolution1280 × 720
ChartsChart.js 4.5
IconsFont Awesome 6.5
AnimationGSAP (CSS animation prohibited)
ProhibitedEmoji, fabricated image URLs

Rule Index

Process & Format

FileContentWhen to Reference
workflow.md [blocked]Full workflow, grouping rules, theme switchingBefore starting a task
outline.md [blocked]Outline format (Content + Design)When generating outline
modify-scenarios.md [blocked]Modification scenarios (insert, delete, split, merge, restyle, etc.)When modifying a project
quality-check.md [blocked]Post-generation quality checklistAfter generation, before preview

Theme & Generation

FileContentWhen to Reference
theme.md [blocked]Theme structure, style extraction, generation stepsMust read before generating HTML
theme-list.md [blocked]Full theme list (local + online)When selecting a theme
theme-customize.md [blocked]Change colors, fonts, custom themesWhen user requests customization
slide-html.md [blocked]HTML specs, icons, image rulesWhen generating HTML

Charts

FileContent
charts/chartjs.md [blocked]Statistical charts (bar, line, pie, radar, bubble)
charts/pyramid.md [blocked]Pyramid chart (HTML + CSS clip-path)
charts/funnel.md [blocked]Funnel chart (HTML + CSS clip-path)
charts/timeline.md [blocked]Timeline (HTML + CSS Flex/Grid)
charts/flowchart.md [blocked]Flowchart + cycle diagram (HTML/AntV/Mermaid)
charts/quadrant.md [blocked]Quadrant / SWOT (HTML + CSS Grid)

Animation

Choose style based on scenario. Default is "Balanced":

FileStyleUse Case
animation/minimal.md [blocked]MinimalFormal business, investor presentations
animation/balanced.md [blocked]BalancedGeneral purpose, internal training
animation/creative.md [blocked]CreativeProduct launches, creative showcases

CLI Commands

bash
npx dokie-cli themes                      # List all themesnpx dokie-cli themes --json               # JSON format outputnpx dokie-cli theme <name|id>             # Get theme details (with HTML templates)npx dokie-cli theme "Dokie Vibe" --json   # JSON format outputnpx dokie-cli preview ./my-project/       # Local preview

Output Format

my-project/├── slide_01.html├── slide_02.html├── slide_03.html└── ...

File naming: slide_01.html, slide_02.html ... numbered sequentially.

Key Constraints

  1. Strictly follow the outline — do not modify, expand, or abbreviate
  2. Theme consistency — colors, fonts, styles must strictly follow the theme
  3. Content density — one topic per slide, split if too much
  4. Image sources — only use user-uploaded or tool-fetched images
  5. Data integrity — never fabricate chart data

Source and attribution

Source:MYZY-AI/dokie-ai-pptat commit3e7010c

License: No license

Content belongs to its original authors. SourceWeft indexes it from a public repository.

Report or request removal