zarazhangrui/frontend-slides

解决的问题

Frontend Slides 让非设计人员无需编写 CSS 或 JavaScript 即可创建专业且具有视觉吸引力的 HTML 演示文稿。通过为用户提供可选的视觉预览，消除了表达设计偏好的困难，避免了平庸的“AI-slop”美学。

工作原理

它作为编码代理（如 Claude Code、Codex 或 Gemini CLI）的技能来实现。代理使用项目的模板和样式预设来生成单文件 HTML 演示文稿。过程包括：

1. 从用户处收集内容或从 PowerPoint (.pptx) 文件中提取内容。
2. 根据用户的简报生成三个视觉风格预览。
3. 以所选风格创建最终演示文稿，并作为带有内联 CSS 和 JS 的独立 HTML 文件交付。

适用对象

需要快速制作高质量基于 Web 的幻灯片，且不想承担构建工具或框架开销的非设计人员、企业家和开发人员。

亮点

• 零依赖：生成不需要 npm 或构建工具的单个 HTML 文件。
• PPT 转换：在保留图像和内容的同时，将现有的 PowerPoint 文件转换为 Web 演示文稿。
• 视觉风格探索：采用“用视觉展示而非言语描述”的方法，使用视觉预览而非文本描述。
• 丰富的模板库：包含多种精选样式，包括包含 34 个设计系统的“Bold Template Pack”。
• 生产级质量：确保具有良好的注释代码、符合无障碍标准且为 16:9 宽高比的幻灯片。