使用Hyperframes的HTML模板制作复古像素风格的三场景视频，替换标题、标签和配色，同时保留场景转换节奏及可重复的动画时序。
- 制作像素风格的介绍视频
- 替换三场景视频中的内容
- 通过HTML预览场景转换
nexu-io/open-design10.3万2026年10月20日 更新
免费在 GitHub 公开中文介绍
frontend-slides
制作带动画的HTML演示文稿，并在制作过程中查看视觉预览。适用于在线演讲、嵌入网页的演示内容，以及供读者交互操作的说明材料。
原文查看原文说明
Generate animation-rich HTML presentations with visual style previews. Useful for online keynotes, embedded talks, and interactive briefs.
适用场景
- 制作在线演讲幻灯片
- 在网页中嵌入演示文稿
- 制作可交互的说明材料
- 预览幻灯片的视觉样式
中文介绍
功能
frontend-slides用于制作带动画的HTML演示文稿。它支持一边查看视觉预览，一边制作面向在线展示的幻灯片。资料列出的用途包括在线演讲、嵌入网页的演示文稿，以及由读者操作的交互式说明材料。制作过程中可以通过预览查看幻灯片的外观。
适用场景
适合为在线主题演讲准备幻灯片，或制作需要嵌入网页的演示内容。如果希望在幻灯片中加入动画，或者希望在制作时逐步确认视觉样式，也可以使用。对于需要读者自行交互操作的说明内容，它同样属于资料列出的适用用途。
使用示例
- “请用
frontend-slides制作一份面向在线演讲的HTML幻灯片。” - “请将这些说明内容做成带动画的交互式材料，我也希望查看视觉预览。”
注意事项
所提供的资料是OpenDesign中用于发现该技能的目录条目。若要使用包含原始素材、脚本和参考资料的完整流程，需要将上游发布的技能包安装到当前所用智能体的技能目录中。
本介绍由 AI（OpenAI Codex）根据公开的 SKILL.md 撰写。准确的规格请查看下方原文。
客观评估
AI 仅根据 SKILL.md 的内容，从 4 个方面进行了评估。星标数和热度不计入评估。
- 指令清晰度能否看出何时使用、做什么
- A良好明确说明制作带动画的HTML演示文稿，并列出在线演讲等用途。
- 步骤具体性步骤、输入输出和示例是否具体
- B部分不足说明了上游技能的安装和调用方式，但未提供制作幻灯片的具体步骤。
- 安全性发送数据、删除文件、执行命令等是否有说明
- A良好所列open命令用于打开上游页面，没有删除文件或读取凭据的指令。
- 安装难易度所需工具和 API 密钥是否少且有说明
- B部分不足需要安装上游技能包，但具体路径和安装细节需查阅上游说明。
总分按每项 A=25 分、B=15 分、C=5 分相加。 由 AI（OpenAI Codex）于 2026年10月20日 评估。仅供参考，安装前请同时查看原文。
如果您认为评估有误，请申请复核
包含的文件（1）
- SKILL.md1.2 KB
SKILL.md（原文）
安装前可以查看交给 AI 代理的指令内容。
frontend-slides
Curated from @zarazhangrui.
What it does
Generate animation-rich HTML presentations with visual style previews. Useful for online keynotes, embedded talks, and interactive briefs.
Source
- Upstream: https://github.com/zarazhangrui/frontend-slides
- Category:
slides
How to use
This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:
# Inspect the upstream README for exact paths
open https://github.com/zarazhangrui/frontend-slides
Then ask the agent to invoke this skill by name (frontend-slides) or with
one of the trigger phrases listed in this skill's frontmatter.
评价
还没有评价。欢迎分享你的使用感受。
评论
无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。
还没有评论。来写第一条吧。
同一仓库的技能
为社交媒体广告和搜索广告撰写标题、说明及正文，并反复调整措辞。可用于准备广告文案备选版本，以及检查现有文案并考虑修改方案。
- 撰写社交媒体广告标题
- 准备搜索广告说明
- 修改广告正文措辞
nexu-io/open-design10.3万2026年10月20日 更新
以深色背景和衬线字体制作时尚杂志风格的三页动态展示，结合文字逐步显现与章节转场，最终生成内嵌CSS和JavaScript的单个HTML文件。
- 制作时尚杂志风格的动态介绍
- 用三页展示简短故事
- 将现有品牌风格融入深色版面
nexu-io/open-design10.3万2026年10月20日 更新
通过浏览器查看页面，执行点击、输入、截图和信息提取。主要用于检查OpenDesign的本地预览，以及核查网页应用的运行情况与质量。
- 检查OpenDesign本地预览
- 测试网页应用的点击和输入
- 截取页面或元素图像
nexu-io/open-design10.3万2026年10月20日 更新
用于AI音乐专辑制作，涵盖概念构思、歌词初稿、曲目排序和导出，适合独立专辑实验或品牌音乐企划；完整制作流程需另行安装上游资源包。
- 策划独立制作的专辑
- 围绕专辑主题起草歌词
- 安排专辑曲目顺序
nexu-io/open-design10.3万2026年10月20日 更新
使用p5.js，根据计算规则与随机数创作生成艺术。固定随机种子即可重现相同画面，适合制作海报、表现动感的静态图像和艺术构图草案。
- 根据规则制作海报
- 创作具有动感的静态图像
- 试验艺术作品的构图
nexu-io/open-design10.3万2026年10月20日 更新