不用懂 CSS/JS、不用装复杂软件，一句话让 AI 帮你做出媲美发布会的网页演示文稿—— 这就是 GitHub 狂揽17.7k Star的开源神器frontend-slides！

🎯 一句话看懂：它到底是干嘛的？

frontend-slides 是Claude Code 专属技能，主打零门槛生成动画拉满、纯原生 HTML 幻灯片，支持从零创作或一键把 PPT 转成高级网页版，非设计师也能秒出大片感演示稿！

✨ 核心特性（口语化好理解）

• 零依赖单文件
  
  ：只输出 1 个 HTML，内嵌所有 CSS/JS，不用 npm、不用框架、不用安装软件，浏览器打开直接跑，10 年后照样能用！
• 视觉选风格，不用瞎描述
  
  ：说不出想要啥设计？AI 直接出3 套视觉预览，你挑喜欢的就行，Show, don’t tell！
• PPT 完美迁移
  
  ：上传.pptx，自动提取文字、图片、备注，一键转成网页版幻灯片，内容不丢、排版更高级！
• 拒绝 AI 土味审美
  
  ：12 套精调主题，告别白底紫渐变，暗黑 / 清新 / 极简 / 赛博全都有，质感拉满！
• 生产级可用
  
  ：响应式、无障碍、注释完整，手机 / 电脑 / 平板全适配，可随意二次修改！
• 一键分享导出
  
  ：支持Vercel 部署在线链接 + 导出 PDF，发邮件、发群里、打印都方便！

📊 核心优势对比（一眼看懂强在哪）

🧩 内置 12 套精选风格（闭眼选不踩雷）

🌑 暗黑系列

• Bold Signal：高冲击自信卡面
• Electric Studio：专业分屏质感
• Creative Voltage：复古现代电光感
• Dark Botanical：优雅暖调高级

☀️ 明亮系列

• Notebook Tabs：杂志风标签页
• Pastel Geometry：友好柔和几何
• Split Pastel：活泼双色分屏
• Vintage Editorial：复古文艺排版

🎪 特色风格

• Neon Cyber：赛博霓虹粒子
• Terminal Green：极客终端风
• Swiss Modern：包豪斯极简
• Paper & Ink：文学排版质感

🚀 快速使用流程（超简单）

1. 安装（2 种方式）

方式 1：插件市场（推荐）

/plugin marketplace add zarazhangrui/frontend-slides/plugin install frontend-slides@frontend-slides

git clone https://github.com/zarazhangrui/frontend-slides.git ~/.claude/skills/frontend-slides

安装完输入 /frontend-slides 即可启动！

2. 从零做幻灯片

/frontend-slides→ 输入：我要做AI创业公司路演PPT

AI 会问你内容→问你想要的氛围→出 3 套风格预览→选 1 套→直接生成完整 HTML 幻灯片！

3. PPT 转网页版

/frontend-slides→ 输入：把presentation.pptx转成网页幻灯片

自动提取内容→确认→选风格→生成带所有素材的 HTML 演示！

4. 分享导出

• 部署在线链接：bash scripts/deploy.sh 你的文件.html
• 导出 PDF：bash scripts/export-pdf.sh 你的文件.html 输出名.pdf

🧠 技术亮点（懂行的看这里）

• 渐进式披露架构
  
  ：主流程 SKILL.md 仅 180 行，风格、模板、动画按需加载，减少 70% 上下文冗余！
• 文件职责清晰
• SKILL.md：核心流程
• STYLE_PRESETS.md：12 套风格
• html-template.md：页面结构
• extract-pptx.py：PPT 解析
• deploy/export 脚本：分享导出
• MIT 开源协议
  
  ：免费商用、随意修改、放心使用！

📌 适用场景

• 产品发布会、路演 Pitch Deck
• 技术分享、教学课件
• 团队汇报、项目演示
• 旧 PPT 升级美化
• 需要在线链接 + PDF 双分发的正式演示

🌟 项目信息

• GitHub 地址：https://github.com/zarazhangrui/frontend-slides
• Star：17.7k+
• 作者：@zarazhangrui
• 协议：MIT 开源
• 定位：非设计师也能用的AI 驱动高质量 HTML 幻灯片生成工具
• 
  

💡 总结

frontend-slides 把做幻灯片从「耗半天排版」变成「跟 AI 说想法→挑风格→出成品」，零依赖、高颜值、易分享、永久可用，不管是学生、打工人、开发者还是创业者，都能快速做出拿得出手的演示稿！