Frontend Slides 是一个 Claude Code 技能，用来创建动画丰富、视觉精美的 HTML 网页演示文稿——既可从零生成，也可把现有 PowerPoint 文件转成网页幻灯片。它面向不懂设计、也不会 CSS/JavaScript 的人，采用「展示而非描述」（show, don't tell）的方式：与其让你用语言描述审美偏好，不如直接生成几种视觉预览让你挑选喜欢的。许可为 MIT，约 18,685 stars。它本质是一个可装入 Claude Code 的技能/插件，输入 /frontend-slides 即可使用。
来源：README.md（标题、What This Does、Key Features）；GitHub 仓库元数据（stars=18685、license=MIT） 查看 GitHub 仓库 →用 AI 做幻灯片是高频需求，但通用 AI 产出常陷入「千篇一律的 AI 味」（白底紫渐变那种）。Frontend Slides 的差异化在于：产出是零依赖的单 HTML 文件（无 npm、无构建、无框架）、用「生成预览让你选」解决「说不清想要什么风格」的痛点、并刻意策划了一批有辨识度、规避 AI-slop 的风格；同时支持把 PPTX 转为网页并保留图片与内容。背靠 Claude 的前端设计能力、又解决了真实痛点，因而获得高关注。截至数据采集约 18,685 stars。
来源：README.md（What This Does、Key Features → Anti-AI-Slop / Zero Dependencies / Visual Style Discovery）；GitHub 仓库元数据（stars=18685）产出是内联 CSS/JS 的单个 HTML 文件，不需要 npm、构建工具或框架，便于分享和托管。
来源：README.md（Key Features → Zero Dependencies）说不清审美偏好也没关系——技能生成多个视觉预览让你挑选，先问你想要的「感觉」（震撼/兴奋/平静），再生成 3 种风格供对比。
来源：README.md（What This Does、Key Features → Visual Style Discovery、Usage 步骤 2-3）用 extract-pptx.py 从现有 PowerPoint 提取全部文本、图片和备注，确认内容后选风格，生成保留原始素材的 HTML 演示。
来源：README.md（Key Features → PPT Conversion、Convert a PowerPoint 流程）；git tree（scripts/extract-pptx.py）内置一批有辨识度的风格（深色：Bold Signal、Electric Studio、Creative Voltage、Dark Botanical；浅色：Notebook Tabs、Pastel Geometry 等），刻意避开通用 AI 审美。
来源：README.md（Key Features → Anti-AI-Slop、Included Styles 列表）它是一个标准的 Claude Code 技能/插件：核心是 SKILL.md（定义流程与触发），配套 STYLE_PRESETS.md（策划的视觉风格预设）、html-template.md（HTML 模板）、animation-patterns.md（动画模式）和 viewport-base.css（基础视口样式）；scripts/ 下有 extract-pptx.py（从 PPTX 提取文本/图片/备注）、export-pdf.sh（导出 PDF）和 deploy.sh（部署）。.claude-plugin/marketplace.json 使其可通过 Claude Code 插件 marketplace 安装。工作流是：技能引导你提供内容→询问你想要的「感觉」→生成 3 种视觉风格预览供对比→按你选的风格生成完整演示→在浏览器打开。产出是带内联 CSS/JS 的单 HTML 文件，可访问、响应式、带注释、便于二次定制。
来源：README.md（Usage 流程、Key Features → Production Quality）；git tree（SKILL.md、STYLE_PRESETS.md、html-template.md、animation-patterns.md、viewport-base.css、scripts/extract-pptx.py、export-pdf.sh、deploy.sh、.claude-plugin/）中心为项目本体，内环 = 核心功能模块，外环 = 关键技术依赖；按 deep.json 中的 core_features 与 tech_stack.key_deps 自动生成
Claude Code（宿主）python-pptx 类提取（extract-pptx.py，PPTX…适合需要快速做出好看演示但不懂前端的人：创业者做 pitch deck、产品/运营做对外汇报、讲师做课件、把旧的 PowerPoint 升级为可在网页上分享、带动画的版本。因为产出是零依赖单 HTML，便于直接发链接或托管；又因为风格经过策划，能避免通用 AI 幻灯片的雷同感。对有强烈品牌规范或复杂图表需求的正式商务演示，仍可能需要在生成结果上人工微调。
来源：README.md（What This Does、Usage 的两类用法、Included Styles）本页未获取到正式发行版记录；项目以 Claude Code 技能/插件形式维护，通过插件 marketplace 分发（.claude-plugin/marketplace.json），更新以完善风格预设、HTML 模板、动画模式与 PPTX 提取脚本为主。
来源：git tree（.claude-plugin/marketplace.json、STYLE_PRESETS.md、animation-patterns.md、scripts/）；README.md（Installation）Frontend Slides 把 Claude 的前端设计能力，针对性地做成了一个解决真实痛点的演示技能：让不懂设计的人也能快速产出有辨识度、零依赖的 HTML 幻灯片，并能把旧 PPT 升级为网页版。「生成预览让你选」和「反 AI-slop 风格」是它最实用的两点。它的边界在于绑定 Claude Code、产出仍受模型与提示影响、内置风格有限。作为「快速做出好看演示」的工具，它定位清晰、上手简单，适合创业者、讲师和需要对外汇报的人；正式商务场景下的结果建议再人工打磨。
来源：综合 README.md 的定位、风格策划与工作流