mcpField
D
dokie-ai-ppt

dokie-ai-ppt

github.com/myzy-ai文档处理70984 次安装34 周前更新
代码仓库

关于 dokie-ai-ppt

Dokie AI PPT Skill 指导助手创建和修改演示文稿及 HTML 展示内容。其分步流程涵盖需求确认、主题选择、大纲生成、HTML 制作和预览。

主要功能

  1. 01交互式分步工作流
  2. 02通过命令行列出和查看主题
  3. 03生成 HTML 幻灯片
  4. 04图表与动画制作指引
  5. 05本地预览项目

适用场景

  1. 01根据确认的需求制作演示文稿
  2. 02构建 HTML 展示内容
  3. 03在保留版式的前提下修改幻灯片
  4. 04预览生成的幻灯片项目

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/myzy-ai/dokie-ai-ppt --skill dokie-ai-ppt

安装后在 Claude Code 中输入/dokie-ai-ppt确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

README_CN.md
README.md
assets/themes/art-education/
page_05.html
page_02.html
page_03.html
page_01.html
page_04.html
meta.json
page_06.html
page_07.html
page_09.html
page_08.html
page_10.html
assets/themes/dokie-vibe/
meta.json
page_01.html
page_04.html
page_03.html
page_02.html
page_05.html
page_06.html
page_12.html
page_09.html
page_13.html
page_10.html
page_07.html
page_15.html
page_14.html
page_11.html
page_08.html
assets/themes/simple-blue-business/
meta.json

详细介绍

Dokie AI PPT Skill

这是 Dokie AI PPT Skill——一项专业的演示文稿设计技能。在需要生成 PPT、创建演示文稿或使用 HTML 构建任何展示内容时，请使用它。

基于 Web 技术构建，支持从极简商务风格到 Awwwards 级别的创意动效，远超传统 PPT 的表现力。

前置条件

npx dokie-cli themes    # Verify CLI is available

工作流

⚠️ 重要：这是一个交互式、循序渐进的工作流。在每个步骤开始前，你必须先阅读其中引用的规则文件。向用户展示当前步骤的结果，并等待用户回复后再进入下一步。不要在一次回复中匆忙完成多个步骤。

新建项目
Collect requirements → User confirms → Select theme → User confirms → Generate outline → User confirms → Generate HTML → Preview → User feedback
修改项目
Understand intent → Minimal changes → Preserve original layout

详情请参阅 rules/workflow.md。

核心规格

项目规格
分辨率1280 × 720
图表Chart.js 4.5
图标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.mdHTML 规格、图标、图片规则生成 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）
动画

根据场景选择风格。默认风格为“平衡”：

文件风格使用场景
animation/minimal.md极简正式商务演示、投资者演示
animation/balanced.md平衡通用场景、内部培训
animation/creative.md创意产品发布、创意展示

CLI 命令

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
└── ...

文件命名：slide_01.html、slide_02.html……按顺序编号。

关键约束

  1. 严格遵循大纲——不得修改、扩展或缩略
  2. 主题一致性——颜色、字体和样式必须严格遵循主题
  3. 内容密度——每张幻灯片只讲一个主题，内容过多时应拆分
  4. 图片来源——只能使用用户上传或通过工具获取的图片
  5. 数据完整性——绝不伪造图表数据

评论

支持 Markdown