Frontend Slides：让编码 Agent 生成 HTML 演示文稿的技能包

该项目以 Claude Code 插件形式分发，核心 SKILL.md 也可被 Codex、Kimi Code、OpenCode、Gemini CLI 等具备文件系统与 Shell 访问能力的编码 Agent 读取。安装方式是先在 Claude Code 里执行 /plugin marketplace add 添加公开仓库，再执行 /plugin install frontend-slides@frontend-slides，之后用 /frontend-slides:frontend-slides 调用；也可手动把 SKILL.md、STYLE_PRESETS.md、viewport-base.css、html-template.md、animation-patterns.md 及 scripts/ 复制到 ~/.claude/skills/frontend-slides/ 目录。 产物为内联 CSS/JS 的单 HTML 文件，不依赖 npm、构建工具或框架，固定 16:9 并注重可访问性。风格发现阶段会先问内容，再生成 3 个视觉预览供挑选；PPT 转换会提取原有文字、图片与备注后重新生成网页幻灯片。内置 12 个预设风格，另有来自 beautiful-html-templates 的 34 个可选“大胆”模板，采用渐进加载：先读精简索引，只加载入围模板的 preview.md，用户最终选定后才加载完整 design.md。 对不想写 CSS/JavaScript 的产品、运营与市场人员，以及用本地编码 Agent 批量出稿的团队，这套流程省去了脚手架与依赖维护；但风格选择仍受内置预设和模板库约束，自定义“野卡”方案需要 Agent 自行扩展预览样式，最终效果依赖所选 Agent 的前端能力。