Frontend Slides
先看视觉预览再选择，降低设计门槛。利用编码代理的前端能力创建精美幻灯片，渐变、毛玻璃等现代 Web 视觉效果。
效果预览
示例为本站按该 Skill 风格渲染的演示效果,点击或按方向键可翻页
能力说明
前端原生表现力
渐变、毛玻璃、滚动视差等现代 Web 视觉效果
代理友好
为编码代理设计的指令结构,生成结果稳定
响应式
幻灯片自适应不同屏幕与投影比例
易于定制
产物即标准前端代码,可继续手工微调
使用说明
方式一:本地安装使用
依赖环境
- 支持 Agent Skill 的客户端
- 现代浏览器
安装步骤
- 克隆仓库:git clone https://github.com/zarazhangrui/frontend-slides
- 将 skill 目录复制到 ~/.claude/skills/ 或项目 .cursor/skills/
Prompt 示例
请使用 frontend-slides：主题「WebGPU 入门」，10 页暗夜霓虹风格；含代码示例页（语法高亮），适合开发者大会 15 分钟演讲。
方式二:本站在线使用
无需任何安装,进入 Playground选择该 Skill,输入主题或大纲即可在线生成、预览并下载。
适用场景
技术大会演讲开发者社区分享需要炫酷视觉效果的场合
常见问题
和普通 HTML PPT Skill 的区别?
它更强调发挥编码代理的前端工程能力,视觉自由度更高,适合技术向演讲。