示意封面由本站生成，真实效果请查看源仓库示例。

如何使用

1
复制安装提示
登录后点击右侧黑色按钮，一键复制。
2
粘贴给你的 agent
在 Claude Code、Codex、Cursor 等工具里粘贴发送，它会自己装好。
3
用一句话调用
像下面这样说出你要做的东西，agent 会按这个 Skill 的流程来做。

你：/frontend-slides 帮我做：做带动画的 HTML 演讲稿，或把 PPTX 转成网页

示例对话，仅演示调用方式，不代表实际产出。

你会得到

单文件 HTML 演示
PPT/PPTX 转网页
先做视觉风格探索

适合

做带动画的 HTML 演讲稿，或把 PPTX 转成网页

不适合

必须在 PowerPoint 里继续编辑的演示

你需要

新建无需依赖；转换 PPTX 需要 python-pptx

许可证: MIT
作者: @zarazhangrui
来源: zarazhangrui/frontend-slides · ★ 30,181

支持:Claude CodeCodexCursorGemini CLIOpenCode

上游描述

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

其他安装方式

更喜欢自己动手？下面的命令和上方按钮效果相同。

安装提示词（粘贴给你的 Agent）

Read https://skilloop.dev/skills/frontend-slides/install.md and follow the instructions to install the skill.

一行命令安装 · Claude Code

npx skills add zarazhangrui/frontend-slides -g -a claude-code

一行命令安装 · Codex / Cursor

npx skills add zarazhangrui/frontend-slides -g -a codex

手动安装（git） · Claude Code

git clone --depth 1 https://github.com/zarazhangrui/frontend-slides.git /tmp/frontend-slides
mkdir -p ~/.claude/skills && cp -r /tmp/frontend-slides ~/.claude/skills/frontend-slides

作品版权归原作者所有，依其许可证分发；本站仅做链接与介绍。