Presentation Skill — Design skill for Claude Code
演讲脚本 + PPT 一键生成器.
How to install Presentation Skill
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open OrangeViolin/presentation-skill and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Presentation Skill does
演讲脚本 + PPT 一键生成器。支持62种品牌级设计风格,基于 awesome-design-md。输入主题即可生成可播放的HTML幻灯片。
Alternatives in Design
- Brand Guidelines — Apply Anthropic's official brand colors and typography to artifacts 94.1k ★
- Od Contribute — Open a first-contribution PR (or bug issue) on nexu-io/open-design — works for non-coders too 91.8k ★
- Export Diagram — Export a diagram-design HTML file to .svg and .png next to the source 27.2k ★
README
🎙️ Presentation Skill — 演讲脚本 + PPT 一键生成
输入一个主题,一键生成演讲脚本 + 品牌级 HTML 幻灯片。 支持 62 种世界级品牌设计风格,基于 [awesome-design-md](https://github.com/VoltAgent/awesome-design-md)。
**[👉 在线演示:5种风格的苏格拉底《申辩篇》PPT](https://orangeviolin.github.io/presentation-skill/)**
效果预览
| ...共 62 种品牌风格 |
点击徽章即可在线播放完整幻灯片,支持键盘翻页、全屏、自动播放、演讲者备注和 PDF 导出。
特性
- 🎨 62 种品牌级设计风格 — Apple、Stripe、Ferrari、Nike、SpaceX、Notion、Linear... 基于真实品牌设计系统
- 📝 演讲脚本 + 幻灯片一体化 — 同时生成完整口语化演讲词和可播放的 HTML 幻灯片
- 🎮 完整幻灯片播放器 — 键盘控制 / 点击翻页 / 触摸滑动 / 全屏演示 / 自动播放
- 📋 演讲者备注 — 侧边栏显示完整演讲词,边看边讲
- 📥 PDF 导出 — 浏览器打印,每页一张幻灯片,
@media print自动适配 - 🖼️ SVG 插图 — 每页内联矢量插图,不依赖外部图片,放大不模糊
- 🎯 零依赖 — 单文件 HTML,离线可用(仅 Google Fonts 走 CDN)
- 📱 响应式 — 16:9 比例,移动端自适应
快速开始
在 Claude Code 中使用
将 `SKILL.md` 放入你的 Claude Code skills 目录(`~/.claude/skills/presentation/`),然后:
/ppt 苏格拉底的申辩
或者:
做个PPT 讲讲我们的Q2规划
指定风格
/ppt 产品发布会 风格:apple
不指定风格时,skill 会展示风格选择菜单,也可以说"帮我推荐"自动匹配。
触发词
Related Skills
Space Multi Design Ppt
Codex-ready brand design system slide deck skill
Typeui Install Skill
Install a curated TypeUI design SKILL.md locally for Cursor from the awesome-design-skills registry.
Ppt
PPT slide generation workflow: init -> requirement research -> material collection -> outline planning -> plan
Adm
Awesome Design MD — 74 gerçek design system kütüphanesinden görsel yön seç ve uygula
Design Present
Generate an interactive HTML presentation from Figma screens — annotated walkthrough with transitions, speaker
HTML Presentation
Claude Code skill: plan, design, and build HTML slide decks end-to-end
Related Agents
Presentation Director
Creation-side orchestrator for anything you have to present. Takes "I need to present X to Y (at Z, in N minut
App Architect
Use this agent as the high-level design authority for Awesome Templates. Use for system design decisions, ADR
Mckinsey Slide Agent
McKinsey-style slide deck composer. Use proactively when the user asks to build, draft, design, or "make a dec