Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
myzy-ai avatar

Dokie Ai Ppt

myzy-ai/dokie-ai-ppt

  • 975 installs
  • 68 repo stars
  • Updated March 3, 2026
  • myzy-ai/dokie-ai-ppt

dokie-ai-ppt is a Claude Code skill that converts product requirements into professional HTML slide decks through conversation for developers who need presentations without manual slide tooling.

About

dokie-ai-ppt is an AI presentation generator that builds professional HTML slides through conversational requirement gathering, outline generation, theme selection, HTML slide rendering, and local preview. Triggers include create or edit PPT, presentation, slides, deck, keynote, pitch deck, quarterly report, product intro, training materials, roadshow, and work report requests. Built on web technologies, dokie-ai-ppt supports minimal business styling through Awwwards-level creative motion in browser-viewable HTML rather than proprietary binary formats. Developers reach for dokie-ai-ppt when they need stakeholder-ready decks from PRDs or talking points without opening Keynote or PowerPoint.

  • Interactive step-by-step workflow that pauses after each deliverable for user confirmation
  • Covers requirement analysis, outline generation, theme selection, and HTML slide generation
  • Supports minimal business styles through to Awwwards-level creative motion
  • Works for pitch decks, quarterly reports, product intros, training materials and roadshows
  • Local preview included as final output before final approval

Dokie Ai Ppt by the numbers

  • 975 all-time installs (skills.sh)
  • +5 installs in the week ending Aug 4, 2026 (Skillselion tracking)
  • Ranked #228 of 1,335 Generative Media skills by installs in the Skillselion catalog
  • Security screen: MEDIUM risk (skills.sh audit)
  • Data as of Aug 4, 2026 (Skillselion catalog sync)
npx skills add https://github.com/myzy-ai/dokie-ai-ppt --skill dokie-ai-ppt

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs975
repo stars★ 68
Security audit2 / 3 scanners passed
Last updatedMarch 3, 2026
Repositorymyzy-ai/dokie-ai-ppt ↗

How do you generate HTML slide decks from requirements?

Turn product requirements into professional HTML-based slide decks through natural conversation.

Who is it for?

Developers or PMs who want conversational HTML pitch decks, training slides, or quarterly reports from written requirements.

Skip if: Teams that require native .pptx editing in PowerPoint with corporate template lock-in.

When should I use this skill?

A developer asks to create a presentation, pitch deck, slides, keynote, training deck, or quarterly report as HTML.

What you get

HTML presentation files with outline, selected theme, and locally previewable slides.

  • HTML slide deck
  • presentation outline

Files

SKILL.mdMarkdownGitHub ↗

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

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 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.mdFull workflow, grouping rules, theme switchingBefore starting a task
outline.mdOutline format (Content + Design)When generating outline
modify-scenarios.mdModification scenarios (insert, delete, split, merge, restyle, etc.)When modifying a project
quality-check.mdPost-generation quality checklistAfter generation, before preview

Theme & Generation

FileContentWhen to Reference
theme.mdTheme structure, style extraction, generation stepsMust read before generating HTML
theme-list.mdFull theme list (local + online)When selecting a theme
theme-customize.mdChange colors, fonts, custom themesWhen user requests customization
slide-html.mdHTML specs, icons, image rulesWhen generating HTML

Charts

FileContent
charts/chartjs.mdStatistical charts (bar, line, pie, radar, bubble)
charts/pyramid.mdPyramid chart (HTML + CSS clip-path)
charts/funnel.mdFunnel chart (HTML + CSS clip-path)
charts/timeline.mdTimeline (HTML + CSS Flex/Grid)
charts/flowchart.mdFlowchart + cycle diagram (HTML/AntV/Mermaid)
charts/quadrant.mdQuadrant / SWOT (HTML + CSS Grid)

Animation

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

FileStyleUse Case
animation/minimal.mdMinimalFormal business, investor presentations
animation/balanced.mdBalancedGeneral purpose, internal training
animation/creative.mdCreativeProduct launches, creative showcases

CLI Commands

npx dokie-cli themes                      # List all themes
npx dokie-cli themes --json               # JSON format output
npx dokie-cli theme <name|id>             # Get theme details (with HTML templates)
npx dokie-cli theme "Dokie Vibe" --json   # JSON format output
npx 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

Related skills

remotion-devRemotion Best PracticesGet Remotion-specific coding guidance that prevents common video rendering mistakes when creating animated React videos.451k4.2k101-skillsAi Video GenerationGenerate videos using 40+ AI models including Veo, Seedance, and others via inference.sh442k665101-skillsAi Image GenerationGenerate images using 50+ AI models including FLUX, Gemini, and Replicate via inference.sh441k665101-skillsAi Avatar VideoGenerate videos featuring AI avatars for product demos, tutorials, marketing, or explainers441k665101-skillsRemotion RenderRender videos programmatically using React components and Remotion framework441k665halt-catch-fireRemotion RenderGenerate high-quality MP4 videos from React code using Remotion inside an AI coding agent.363k665

FAQ

What output format does dokie-ai-ppt produce?

dokie-ai-ppt generates professional HTML slides with outline and theme selection, then supports local browser preview. Decks are web-based rather than locked binary PPT files.

When does dokie-ai-ppt activate?

dokie-ai-ppt triggers on requests to create or edit presentations, slides, pitch decks, keynotes, quarterly reports, product intros, training materials, roadshows, or work reports.

Is Dokie Ai Ppt safe to install?

skills.sh reports 2 of 3 security scanners passed. Review the Security Audits panel on this page before installing in production.

Generative Mediaautomationagents
Browse by category
AI & AgentsFrontend & DesignBackend & DataDev ToolsAutomationTesting & ReviewSecurityMonitoring & CloudDocs & Planning
Design & frontend
Design systemsAnimation & motionAccessibility (a11y)CSS & TailwindUI designUXDesign to codeshadcn/uiLanding pagesBest design skills
Most searched skills
find-skillscavemanfrontend-designbrainstormingsystematic-debuggingstop-slopemil-design-engui-ux-pro-maxkarpathy-guidelinesweb-design-guidelinesreact-best-practicesgrill-meimprovemicrosoft-foundryagent-browser
Browse all listings
All agent skillsAll MCP serversAll marketplacesAll plugins

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.