dokie-ai-ppt by myzy-ai/dokie-ai-ppt
npx skills add https://github.com/myzy-ai/dokie-ai-ppt --skill dokie-ai-ppt这是 Dokie AI PPT Skill —— 一款专业的演示文稿设计技能。每当您需要生成 PPT、创建演示文稿或使用 HTML 构建任何展示内容时,都可以使用它。
基于 Web 技术构建,支持从简约商务风格到 Awwwards 级别的创意动效——远超传统 PPT 所能提供的效果。
npx dokie-cli themes # 验证 CLI 是否可用
⚠️ 重要提示:这是一个交互式、分步的工作流程。在每一步,您都必须在开始工作前阅读引用的规则文件。将您的结果呈现给用户,并在收到他们的回应后再进行下一步。请勿在一个回应中匆忙完成多个步骤。
收集需求 → 用户确认 → 选择主题 → 用户确认 → 生成大纲 → 用户确认 → 生成 HTML → 预览 → 用户反馈
理解意图 → 最小化改动 → 保持原始布局
详情请参阅 rules/workflow.md。
| 项目 | 规范 |
|---|---|
| 分辨率 | 1280 × 720 |
| 图表 | Chart.js 4.5 |
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
| 图标 | Font Awesome 6.5 |
| 动画 | GSAP (禁止使用 CSS 动画) |
| 禁止项 | 表情符号、伪造的图片 URL |
| 文件 | 内容 | 何时参考 |
|---|---|---|
| workflow.md | 完整工作流程、分组规则、主题切换 | 开始任务前 |
| outline.md | 大纲格式 (内容 + 设计) | 生成大纲时 |
| modify-scenarios.md | 修改场景 (插入、删除、拆分、合并、重新设计样式等) | 修改项目时 |
| quality-check.md | 生成后质量检查清单 | 生成后,预览前 |
| 文件 | 内容 | 何时参考 |
|---|---|---|
| theme.md | 主题结构、样式提取、生成步骤 | 生成 HTML 前必须阅读 |
| theme-list.md | 完整主题列表 (本地 + 在线) | 选择主题时 |
| theme-customize.md | 更改颜色、字体、自定义主题 | 用户请求定制时 |
| slide-html.md | HTML 规范、图标、图片规则 | 生成 HTML 时 |
| 文件 | 内容 |
|---|---|
| charts/chartjs.md | 统计图表 (柱状图、折线图、饼图、雷达图、气泡图) |
| charts/pyramid.md | 金字塔图 (HTML + CSS clip-path) |
| charts/funnel.md | 漏斗图 (HTML + CSS clip-path) |
| charts/timeline.md | 时间线 (HTML + CSS Flex/Grid) |
| charts/flowchart.md | 流程图 + 循环图 (HTML/AntV/Mermaid) |
| charts/quadrant.md | 象限图 / SWOT 分析图 (HTML + CSS Grid) |
根据场景选择样式。默认为 "Balanced":
| 文件 | 样式 | 使用场景 |
|---|---|---|
| animation/minimal.md | 极简 | 正式商务、投资者演示 |
| animation/balanced.md | 均衡 | 通用目的、内部培训 |
| animation/creative.md | 创意 | 产品发布、创意展示 |
npx dokie-cli themes # 列出所有主题
npx dokie-cli themes --json # JSON 格式输出
npx dokie-cli theme <name|id> # 获取主题详情 (包含 HTML 模板)
npx dokie-cli theme "Dokie Vibe" --json # JSON 格式输出
npx dokie-cli preview ./my-project/ # 本地预览
my-project/
├── slide_01.html
├── slide_02.html
├── slide_03.html
└── ...
文件命名:slide_01.html, slide_02.html ... 按顺序编号。
每周安装量
737
代码仓库
GitHub 星标数
47
首次出现
2026年2月11日
安全审计
已安装于
opencode714
codex713
gemini-cli711
kimi-cli709
amp709
github-copilot709
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.
npx dokie-cli themes # Verify CLI is available
⚠️ 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.
Collect requirements → User confirms → Select theme → User confirms → Generate outline → User confirms → Generate HTML → Preview → User feedback
Understand intent → Minimal changes → Preserve original layout
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 |
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
my-project/
├── slide_01.html
├── slide_02.html
├── slide_03.html
└── ...
File naming: slide_01.html, slide_02.html ... numbered sequentially.
Weekly Installs
737
Repository
GitHub Stars
47
First Seen
Feb 11, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykWarn
Installed on
opencode714
codex713
gemini-cli711
kimi-cli709
amp709
github-copilot709
超能力技能使用指南:AI助手技能调用优先级与工作流程详解
37,500 周安装