Dokie Ai Ppt

作者 MYZY-AI3e7010c865d07049480eb34d680db31722af75c9无许可证收录于 2026年10月9日更新于 2026年10月9日

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 生成的概览

通过与用户逐步对话,生成专业的 HTML 演示幻灯片。

功能
该技能按交互式流程推进:收集需求、选择主题、生成大纲、产出 HTML 幻灯片并在本地预览。输出为一个项目文件夹,内含按顺序编号的 HTML 幻灯片文件(slide_01.html、slide_02.html 等),分辨率为 1280x720,使用 Chart.js、Font Awesome 和 GSAP 动画。它还支持以最小改动修改现有项目,并保留原有布局。
适用场景
适用于创建或编辑演示文稿、幻灯片、主题演讲、路演材料、季度报告、产品介绍、培训材料或工作汇报。适合希望使用 HTML 幻灯片、并需要主题与动画选项的用户。
运行要求
需要 dokie-cli 命令行工具,通过 npx 调用(例如 npx dokie-cli themes),用于列出主题、获取主题详情和本地预览。该技能本身不附带脚本,仅为说明文档,另含内置主题资源和规则文件。生成的幻灯片依赖 Chart.js 4.5、Font Awesome 6.5 和 GSAP,图片只能来自用户上传或工具获取的来源。

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

来源与署名

来源:MYZY-AI/dokie-ai-ppt提交3e7010c

许可证: 无许可证

内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。

举报或申请下架