Claude Code skills created by 程序员阿江-Relakkes.
/plugin marketplace add NanmiCoder/claude-code-skills安装后插件默认为禁用状态，需要手动启用：
/plugin enable slides-generator@claude-code-skills或在 /plugin 界面的 Installed 标签页中选择 "Enable plugin"。
如果启用后仍无法使用，尝试重启 Claude Code。
claude-code-skills/
├── .claude-plugin/
│ └── marketplace.json # Marketplace 配置
├── skills/
│ └── slides-generator/ # 幻灯片生成器 Skill
│ ├── SKILL.md # Skill 定义
│ ├── references/ # 参考文档
│ │ ├── aesthetics.md # 设计美学指南
│ │ ├── palettes.md # 76个配色方案
│ │ └── principles.md # 技术设计原则
│ └── assets/
│ └── template/ # React 模板项目
│ ├── index.html
│ ├── package.json
│ ├── vite.config.js
│ ├── tailwind.config.js
│ └── src/
│ ├── App.jsx
│ ├── main.jsx
│ ├── index.css
│ └── components/
│ ├── Background.jsx
│ ├── Navigation.jsx
│ └── SlideTransition.jsx
├── docs/
│ ├── skill-development-guide.md
│ └── local-development-guide.md
├── README.md
└── LICENSE
自动生成技术演示幻灯片项目。用于创建 LLM 模型评测、技术产品演示、技术报告等场景的交互式幻灯片。
触发关键词: "做评测"、"做演示"、"做PPT"、"展示"、"幻灯片"
支持场景:
- LLM 模型能力评测
- 技术产品功能演示
- 技术报告与分析
- 工具/框架对比评测
内置主题 (76个配色方案):
| 风格 | 主题ID | 主色 |
|---|---|---|
| 红青对比 | red-cyan-contrast | #de283b |
| 奶油暖色 | warm-cream | #FF7F50 |
| 深色森林绿 | dark-sage-green | #2E8B57 |
| 科技蓝 | tech-blue | #0ea5e9 |
| 深蓝专业 | blue-professional | #2563eb |
| 赛博朋克 | cyberpunk | #0f0f0f |
| 金色奢华 | gold-luxury | #1e1e1e |
| 中国朱红 | vermilion-chinese | #efd8bb |
| ... | 更多主题见 references/palettes.md | ... |
交互模式:
slides-generator 支持 4 种交互模式，根据你的素材来源选择最适合的方式：
模式 1：在线站点素材 - 从 URL 获取内容
用户: 使用 slides-generator 帮我做一个 PPT，素材来源于 https://codingagent-benchmark.vercel.app
Claude: [访问 URL 获取内容]
Claude: [分析内容结构，提取关键信息]
Claude: [展示大纲] "确认开始生成吗？"
适用场景：
- 技术博客文章转 PPT
- 产品官网内容提取
- 在线文档转演示
模式 2：本地文档素材 - 从 .md 文件生成
用户: 使用 slides-generator 帮我做一个 PPT，素材来源于 ./docs/report.md
Claude: [读取本地 Markdown 文件]
Claude: [解析文档结构]
Claude: [展示大纲] "确认开始生成吗？"
适用场景：
- 技术文档转演示
- 周报/月报可视化
- 项目 README 转 PPT
模式 3：直接内容素材 - 直接提供内容
用户: 使用 slides-generator 帮我做一个 PPT，内容如下：
标题：AI 产品介绍
功能1：智能对话
功能2：代码生成
功能3：图像理解
Claude: [解析用户提供的内容]
Claude: [展示大纲] "确认开始生成吗？"
适用场景：
- 快速创建简单演示
- 已有结构化内容
- 临时演示需求
模式 4：交互式聊天构建 - 问答式收集（推荐）
用户: 帮我做一个模型工程能力评测
Claude: "好的，我来帮你创建评测 PPT。请告诉我：
1. 主角模型是什么？
2. 对比哪些模型？
3. 您想要什么风格？科技感/专业/活力..."
用户: "主角 Model A，对比 Model B 和 C，专业风格"
Claude: "推荐 blue-professional 主题，有几个评测任务？"
... 继续交互式收集信息 ...
Claude: [展示大纲] "确认开始生成吗？"
适用场景：
- LLM 模型能力评测
- 技术产品功能演示
- 需要详细定制的演示
生成流程：
- 识别场景类型（评测/演示/报告）
- 收集必要信息（对比模型、任务详情等）
- 展示 PPT 大纲让用户确认
- 确认后生成完整的 Vite + React + Tailwind 项目
- 启动开发服务器预览
生成的幻灯片项目使用：
- Vite
- React 18
- Tailwind CSS
- Lucide React Icons
- JetBrains Mono Font
想要贡献新的 Skill？请参阅以下文档：
- Skill 开发指南 - 目录结构、SKILL.md 编写、最佳实践
- 本地开发调试指南 - 本地测试、调试技巧、问题排查
Apache-2.0