frontend-slides

frontend-slides

使用编码代理的前端技能创建精美的网页幻灯片。

Agent Skill设计与多媒体开源前端幻灯片HTMLCSSJavaScript
形态
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