- 形态
- Agent Skill
- 是否开源
- 是
- GitHub Stars
- ★ 2.3w
- 收录来源
- skill-github
能力说明
Frontend Slides 是一个编码代理技能,用于从头开始或通过转换 PowerPoint 文件创建令人惊叹的 HTML 演示文稿。它被封装为 Claude Code 插件,核心 `SKILL.md` 也可以被其他具有文件系统和 shell 访问权限的编码代理读取。该技能帮助非设计师在不了解 CSS 或 JavaScript 的情况下创建美观的网页演示文稿。它采用“展示而非描述”的方法:生成视觉预览并让用户选择喜欢的样式。
能力点
- ▪零依赖 - 单个 HTML 文件内联 CSS/JS
- ▪可视化风格发现 - 从生成的视觉预览中选择
- ▪PPT 转换 - 将现有 PowerPoint 文件转换为网页
- ▪避免通用 AI 美学 - 精选独特风格
- ▪大胆模板包 - 可选的设计前卫模板
适用场景
创建新的演示文稿将 PowerPoint 文件转换为网页幻灯片为非设计师提供美观的网页演示文稿
接入方式
依赖:Claude Code 环境GitHub 仓库访问权限
通过 Claude Code 自定义市场源安装:"/plugin marketplace add https://github.com/zarazhangrui/frontend-slides",然后运行 "/plugin install frontend-slides@frontend-slides"。
以上信息由 AI 基于公开资料整理,可能存在偏差,以来源为准。
常见问题
如何安装 Frontend Slides?
通过 Claude Code 自定义市场源安装,或手动复制技能文件到 Claude Code 技能目录。
支持哪些编码代理?
支持 Claude Code、Codex、Kimi Code、OpenCode、Gemini CLI 等本地编码助手。
相关 Skill
material-3-skill
Material Design 3 技能,支持 30+ 组件、设计令牌、主题和响应式布局。
Agent Skillmaterial designui
ppt-image-first
一个 conversation-first、image-first 的 PPT 工作流 skill,逐步推进 PPT 需求至成品。
Agent Skill
drawio-skill
从自然语言生成 draw.io 图表,支持多种预设和导出格式。
Agent Skill
ui-ux-pro-max-skill-cn
为 AI 编码助手提供专业级 UI/UX 设计智能。
Agent Skill
logo-generator-skill
专业SVG标志生成器,提供多种设计变体和展示背景。
Agent Skill
claude-skill-aso-appstore-screenshots
生成高质量的App Store截图,提升应用下载率。
Agent Skill