项目印记
预测未来的最好办法，就是把它创造出来。--艾伦.凯(美）
kimi code cli下安装PPT三套体系使用手册
附件正文提取（自动生成，便于检索与问答）
【a5a1d1936672479f91681af7f53d9b5f.pdf】
三套 PPT 生成体系使用手册
frontend-slides · guizang-ppt-skill · ppt-master | 整理日期:2026-10-12 | 本机均已安装
〇、总览对比
| 维度 | frontend-slides | guizang-ppt-skill | ppt-master |
| 产出物 | 单文件 HTML 网页演示 | 单文件 HTML 网页演示 | 原生可编辑 PPTX |
| 风格数 | 12 预设(4 暗 + 4 浅 + 4 特色) | 2 风格 × 9 配色 | 18 视觉风格 + 6 外部风格技能包 |
| 配色机制 | 每预设自带 :root 变量 | 9 套固定预设,禁自定义 | 色彩角色制,由模板/品牌推导 |
| 模式 | 无叙事模式;密度两档 + 6 阶段工作流 | 主题节奏 / 5 动效 / 3 演讲布局 | 5 叙事模式 × 3 路线 × 2 结构 |
| 选型方式 | 3 套真实首屏预览"看见"再选 | 色板直接挑 | 风格目录 + 叙事模式正交搭配 |
| 适合 | 个性风格、不确定要什么 | 杂志感/瑞士网格、现场演讲 | 可编辑交付、模板复用、批量 |
本机路径与触发:三者均已克隆/软链到 (frontend-slides、guizang-ppt-
~/.kimi-code/skills/
skill、ppt-master 及 6 个 *-ppt-skill),下个会话起直接点名触发;本会话可引用 下的仓
~/tools/
库路径。配图双通道:designkit(美豆)与 FLUX API(credits),均已装好待命。
一、frontend-slides(30.5k★,zarazhangrui/frontend-slides)
1.1 十二套风格预设
| 大类 | 预设 | 气质 | 字体对(示例) |
| 暗色 | 1 Bold Signal | 自信高冲击 | Archivo Black + Space Grotesk |
| 2 Electric Studio | 干净高对比 | Manrope 全家 | |
| 3 Creative Voltage | 复古现代活力 | Syne + Space Mono | |
| 4 Dark Botanical | 优雅艺术高级 | — | |
| 浅色 | 5 Notebook Tabs | 编辑感、触感 | — |
| 6 Pastel Geometry | 粉彩亲和现代 | — | |
| 7 Split Pastel | playful 创意分屏 | — | |
| 8 Vintage Editorial | 文学编辑人格化 | — | |
| 特色 | 9 Neon Cyber | 赛博未来 | — |
| 10 Terminal Green | 开发者黑客 | — | |
| 11 Swiss Modern | 包豪斯精确 | — | |
| 12 Paper & Ink | 纸墨文学沉思 | — |
另有一份 "DO NOT USE 通用 AI 套路" 黑名单; 含模板包与
bold-template-pack/ selection-
。
index.json
1.2 美学硬标准(总则层)
反"AI slop":禁 Arial/Inter/Roboto、禁白底紫渐变、只用抽象形状不用插画
固定 1920×1080 舞台整体等比缩放;切页用 visibility/opacity,禁 display 切换
单文件自包含 HTML;字体走 Fontshare/Google Fonts;每份必内联
viewport-base.css
支持 prefers-reduced-motion;键盘/触屏导航;按 E 内联改字
CSS 分区块注释 + 设计意图说明
1.3 使用方法(6 阶段工作流)
Phase 0 模式检测(新建 / PPT转网页 / 增强旧稿)
Phase 1 内容发现(用途·长度·密度:演讲型低密度 / 阅读型高密度)
Phase 2 风格发现 ★:生成 3 套「真实首屏」HTML 预览 → 用户挑/混搭
Phase 3 生成(逐页校验溢出与重叠)
Phase 4 交付(单文件 + :root 变量/字体/动画自定义说明)
Phase 5 可选(Vercel/Netlify 部署链接,或 Cmd+P 打印 PDF)
调用话术:「用 frontend-slides 给××做演示,先出 3 套首屏预览选风格」;或「读 ~/tools/frontend-slides
的预设库帮我选型」。
二、guizang-ppt-skill(27.7k★,op7418/guizang-ppt-skill)
2.1 两套风格 × 九种配色(禁止自定义 hex、禁止混搭)
风格 | 配色选项 | 特征
A · 电子杂志 × 电子墨水 | 🖋 墨水经典 #0a0a0b+#f1efea|🌊 靛蓝瓷#0a1f3d+#f1f3f5|🌿 森林墨|🍂 牛皮纸|🌙 沙丘 | WebGL 流体背景、衬线大标题、三职字体(衬线/非衬线/等宽)、像 Monocle 杂志
B · 瑞士国际主义 | accent 四选一:IKB 克莱因蓝 / 柠檬黄 / 柠檬绿 /安全橙(黑白灰基底) | WebGL 网格点阵、全程无衬线、极致字号对比 ≥8:1、直角纯色、像 Helvetica Forever
2.2 模式系统
| 模式层 | 选项 |
| 页面主题节奏 | light / dark / hero light / hero dark;硬规则:禁连续 3 页同主题;8 页以上必须含 ≥1 herodark + ≥1 hero light;每 3–4 页插 1 个 hero 页 |
| 动效 recipe | cascade(默认级联)/ hero / quote(逐句)/ directional(左右对比)/ pipeline(按键逐步点亮) |
| 布局骨架 | 风格 A 10 种(封面/幕封/大字报/左文右图/图片网格/流水线/问题页/大引用/对比/图文混排)+ 瑞士 S01–S22,共 32 个 |
| 演讲者模式(P 键) | 1 套系统 × 3 布局:均衡 / 页面优先 / 备注优先;含观众屏同步(黑白/冻结/断线恢复)、宫格选页、计时排练、激光笔、B 静态低功耗 |
2.3 使用方法(Step 0–6 强流程)
Step 0 检查上游更新(有更新先问用户)
Step 1 七问澄清(风格A/B?受众?时长?素材?截图?主题色?硬约束?)
无大纲时用「叙事弧」:钩子→定调→主体→转折→收束
Step 2 拷贝模板 → 换主题色 → 改 [必填] 占位符(title)
Step 3 填内容:类名预检(3.0) → 主题节奏规划(3.0.5) → 布局骨架(3.1)
→ 同步生成 SPEAKER_NOTES(稳定 data-slide-id)
Step 4 checklist 自检 + validate-presenter-mode.mjs + 浏览器逐页视觉核对
Step 5 预览(普通页 + P 演讲者模式全链路实测)
Step 6 迭代(90% 修改 = 改 inline style 数值)
调用话术:「用 guizang 瑞士风(IKB 蓝)做一份项目汇报」;中文关键词"杂志风 PPT / 瑞士风 PPT"自动触
发。
三、ppt-master(hugohe3/ppt-master)+ 6 风格技能包
3.1 十八种视觉风格(visual-styles 目录)
家族 | 风格
极简精确 | swiss-minimal 瑞士网格|soft-rounded 圆角亲和|glassmorphism 玻璃拟态|editorial 杂志编排|ink-notes 墨水笔记
深色科技 | dark-tech 暗色辉光|blueprint 蓝图线稿|chalkboard 粉笔板
图像主导 | photo-editorial 全幅摄影|data-journalism 数据新闻微图表
复古手工 | brutalist 粗野报纸|memphis 孟菲斯撞色|zine Riso 印刷|vintage-poster 中世纪海报|paper-cut 剪纸|sketch-notes 手绘涂鸦|ink-wash 水墨
趣味 | pixel-art 像素
配色:无固定色板,按"色彩角色制"(background/surface、primary/secondary text、dominant/accent、
status)从模板或品牌推导。
3.2 五种叙事模式(与风格正交,"怎么讲故事")
| 模式 | 骨架 | 适合 |
| pyramid | 结论先行 + 结构化论证 | 决策支持、董事会汇报 |
| narrative | 故事弧:情境→张力→解决 | 路演、品牌故事、融资 |
| instructional | 概念拆解 + 步骤 | 培训、教程、知识分享 |
| showcase | 视觉主导、大图像大数字 | 发布、品牌 reveal、活动 |
| briefing | 中性完整、可扫读、无论点 | 状态更新、参考手册 |
3.3 三条路线与结构模式
Generate PPTX(生成):内含 Default(完整策略流水线)/ Quick(快速直出)/ image-to-pptx(页
面截图重建为高保真可编辑 PPTX)/ beautify(旧 PPT 美化)四配置
Create Template:从 PPTX/PDF/品牌资产提取 design DNA 建可复用模板工作区
Edit Native PPTX:保留原设计,只改内容/加备注旁白
结构模式:flat(自由设计)/ structured(Master/Layout 模板继承)
配套 6 个外部风格技能包(~/tools/Awesome-PPT-Design-Skills):日系和纸/日系生活方式/3D 黏
土/未来科技/极简奢侈/现代插画/日系手绘
3.4 使用方法(Quick 配置示例)
1 init 项目(--format ppt169)→ 2 import-sources 导入素材
→ 3 text_measure 字体角色校准 → 4 手写 SVG 页(1280×720,
类名/分组/bounds 有硬规范)→ 5 svg_quality_checker(--quick-generate
--canonical-authoring --stage final --json)→ 6 svg_to_pptx 导出
调用话术:「用 minimalist-luxury 风格 + narrative 模式做 6 页 PPT」;「把这份网页幻灯片转成可编辑
PPTX」(走 image-to-pptx)。
四、组合用法与决策流
4.1 标准流水线(今日已验证)
设计定稿(网页版:guizang 或 frontend-slides)
│ 要演讲效果/动画/双屏 → 直接用 HTML
▼
需要 PPTX 交付 → ppt-master image-to-pptx 高保真重建
│ 需要可编辑 + 指定风格 → 6 风格技能包 + Quick/Default
▼
需要套公司模板 → Create Template 提取 DNA → Generate 套用
4.2 色板互通
frontend-slides 预设的 变量四件套 → 可翻译成 guizang 主题或 ppt-master 色彩角色
:root
guizang 9 套预设 hex → 可直接写入 SVG 覆盖 ppt-master 默认
用户显式自定义色(如枢机红/暗金)→ 以"覆盖层"声明,优先于技能默认预设
4.3 快速选型口诀
| 场景 | 选择 |
| 现场演讲、要双屏讲稿 | guizang(A/B 选一 → 9 配色) |
| 不知道要什么风格 | frontend-slides(3 首屏预览定夺) |
| 客户要可编辑 PPTX | ppt-master + 风格技能包 |
| 已有网页版要 PPTX | ppt-master image-to-pptx |
| 要海报成品图 | designkit(美豆额度) |
| 要单张素材图 | FLUX API(credits) |
本机安装清单(2026-10-12)
· (venv 已装 python-pptx 1.0.2)·
~/tools/frontend-slides ~/tools/ppt-master
· guizang-ppt-skill(~/.kimi-code/skills)· designkit CLI
~/tools/Awesome-PPT-Design-Skills
(已授权 connected)· FLUX 工具 (key 已配置,待充值)
~/bin/flux-gen
偏好记录: (PPT 工具链 + 配图双通道 + 选择规则)
~/.kimi-code/AGENTS.md
附录:新机器部署指南
A.1 前置环境(macOS,一次性)
Git(xcode-select --install)· Python ≥ 3.10(python3 --version 验证)
Node.js ≥ 18(brew install node,仅 designkit 通道需要)
A.2 克隆与接入(约 10 分钟)
mkdir -p ~/tools && cd ~/tools
git clone https://github.com/zarazhangrui/frontend-slides
git clone https://github.com/hugohe3/ppt-master
git clone https://github.com/software-ai-life/Awesome-PPT-Design-Skills
# guizang 用旧机 tar 包或 git clone https://github.com/op7418/guizang-ppt-skill
# 接入 Kimi Code 技能列表
mkdir -p ~/.kimi-code/skills
ln -sfn ~/tools/frontend-slides ~/.kimi-code/skills/frontend-slides
ln -sfn ~/tools/ppt-master/skills/ppt-master ~/.kimi-code/skills/ppt-master
for d in ~/tools/Awesome-PPT-Design-Skills/*/; do
……（后续内容见原附件）
- Previous
- Next