Presentation Skill
Description
演讲脚本 + PPT 一键生成器。支持62种品牌级设计风格,基于 awesome-design-md。输入主题即可生成可播放的HTML幻灯片。
Installation
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open the source below and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
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
Algorithmic Art
Create generative art using p5.js with seeded randomness, flow fields, and particle systems
Design Brand Guidelines
Apply Anthropic's official brand colors and typography to artifacts
Design Canvas Design
Create beautiful visual art in PNG and PDF documents using design philosophy
Design Frontend Design
Create distinctive, production-grade frontend interfaces with high design quality
Design Slack Gif Creator
Create animated GIFs optimized for Slack's size constraints
Design Theme Factory
Style artifacts with professional themes including 10 pre-set color/font combinations
Design Related Agents
Codemod Runner
Writes and runs codemod scripts that replace hardcoded visual values with token references in ui/src/index.css
Designguru
Expert Design Guidance & Analysis Specialist who provides professional UI/UX insights, design system guidance,
Html Css
| Web standards for semantic markup, maintainable styling, and accessibility. | - | [wshobson/agents](https://