An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
PPT Design Skill
Precision PPT design skill for OpenCode/Claude Code/Codex, with 40,000+ styles, pixel-perfect Build Mode control, AI image generation, and fully editable PPTX.…
Install
git clone https://github.com/sunchaokun/PPT-Design-SkillInstall command taken from the project's README or registry entry. Always review code before running it.
README excerpt
Read full README on GitHub →PPT Design Skill
原生可编辑 · 视觉设计驱动
一个以设计决策和交付质量为核心的 PowerPoint skill。PPTX 的实际生成由已发布的
pptx-designer Python 标准库
负责;本 Skill 负责需求确认、结构设计、视觉方案、生成编排、PNG 视觉验收
以及返工交付。
English README · 中文使用手册 · 真实案例 · 安装说明
先选对生成模式
交付级任务,默认选择 Build Mode
如果你的 PPT 要交给客户、管理层、投资人或正式会议使用,优先使用 Build Mode。它允许 LLM 逐页规划结构、锁定视觉方向、精确控制布局, 并在 PPTX → PDF → PNG 后进行视觉复核和返工,是三种模式中视觉控制力和 交付确定性最高的路径。
| 模式 | 最适合 | 布局控制 | 速度 | 推荐度 |
|---|---|---|---|---|
| Build Mode ⭐ | 客户交付、提案、战略、路演、 editorial、正式汇报 | 最高:逐页、逐元素控制 | 中等 | 首选 |
| FreeStyle Mode | 快速探索、方向草稿、内容已经明确的轻量 PPT | 中等:由 generate_ppt() 自动编排 |
最快 | 探索优先 |
| VI Build Mode | 已有企业模板、母版或品牌规范的 PPT | 受模板约束:提取并保持品牌 DNA | 中等 | 模板优先 |
如何判断
- 你关心“最终看起来是否专业”,而不是只要一个草稿:Build Mode;
- 你想快速验证主题、内容或风格方向:FreeStyle Mode;
- 你必须沿用企业模板、Logo、字体和版式:VI Build Mode。
FreeStyle 的 generate_ppt(query=...) 和
generate_ppt(content=...) 是同一个模式的两种输入方式,不是两条独立
的生成引擎。无论选择哪种模式,正式交付都必须经过 PNG 视觉检查。
推荐决策: 不确定时使用 Build Mode;只有在明确追求速度或 必须服从现有模板时,才选择 FreeStyle 或 VI Build Mode。
Skill 的核心价值:保证设计决策与交付质量
pptx-designer 负责把设计决策生成成可编辑 PPTX;本 Skill 负责保证设计
决策和交付过程的质量:
需求确认
→ 领域判断与页面结构
→ 视觉方向建议与用户确认
→ 设计 token / 页面锚点锁定
→ pptx-designer 生成可编辑 PPTX
→ PPTX → PDF → PNG
→ 第一门:整体视觉效果与客户级完成度
→ 第二门:严重缺陷、需求和可编辑性检查
→ 源码/内容返工并重新渲染
→ 用户确认与交付
技术上“运行成功”不等于设计完成。Skill 会直接检查导出的 PNG,判断页面 是否有视觉重心、合理密度、清晰层级、完整构图,以及是否真正符合用户需求。 只有通过两道门并完成必要返工,才进入用户确认与交付:第一门检查整体视觉 效果与客户级完成度;第二门检查严重缺陷、需求覆盖和可编辑性。
生成前,LLM 会把用户需求整理成可追踪的视觉验收合同;生成 PNG 后,逐项
对照需求和页面证据,记录 PASS、NEEDS_REVISION 或 BLOCKED。因此 PNG
检查不是泛泛地判断“好不好看”,而是验证结果是否真正满足用户目标。
精选设计案例
这里展示的是可以下载、打开并继续编辑的完整 PowerPoint 案例。它们覆盖 技术系统、基础设施研究、科学证据、文化建筑和城市策略,用来说明本技能 如何把内容结构、视觉方向和原生可编辑对象结合成完整的演示设计。
| 案例 | 设计定位 | 视觉语言与设计重点 |
|---|---|---|
| AI Agent Operating System | 技术系统蓝图 | 深色网格、分层架构、荧光色标记、流程与治理 |
| AI Infrastructure Economics | 编辑型产业研究 | 纸张质感、物理约束隐喻、数据层级、战略叙事 |
| Single-Cell CAR T Atlas | 论文型科学叙事 | 图证结构、研究设计、证据边界与可编辑机制图 |
| Louvre Abu Dhabi | 建筑文化叙事 | 真实摄影、可编辑几何、气候逻辑与博物馆城市空间 |
| Vertical City Retrofit | 城市更新策略 | 建筑剖面、系统图、情景数据、治理与决策框架 |
| COUTURE COLOR — Objects of Desire | 高定美妆编辑叙事 | 全屏妆效肖像、同一模特的上妆动作、可编辑产品结构与材质叙事 |
这些案例不是为了证明代码能够运行,而是为了展示从设计判断到最终页面 完成度的完整结果。更多页面和下载入口请查看在线案例画廊 和 examples/README.md。
点击任意预览即可进入在线查看器,浏览完整页面并下载 PPTX、PDF:
Install
Clone the repository first, then run the installer from the repository root.
The installer automatically installs the published pptx-designer Python
package and copies the skill bundle to the selected coding assistant:
Similar plugs
The 1st Collaborative AI Design Agent Workspace. Local-first and open source. Create prototypes, websites, apps, dashboards, presentations, images, and videos with your team…
Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages
Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.
Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, and Pi. 44 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.
Clone any website with one command using AI coding agents