使用Hyperframes的HTML模板制作复古像素风格的三场景视频，替换标题、标签和配色，同时保留场景转换节奏及可重复的动画时序。
- 制作像素风格的介绍视频
- 替换三场景视频中的内容
- 通过HTML预览场景转换
nexu-io/open-design10.3万2026年10月21日 更新
免费在 GitHub 公开中文介绍
figma-generate-library
以现有代码库为基础，创建或更新Figma设计系统组件库，让产品中已实现的组件与设计时使用的参考内容保持一致。
原文查看原文说明
Build or update a professional-grade design system library in Figma from a codebase. Useful for keeping the Figma source of truth in sync with shipped components.
集成工具Figma
AI 评分60分/ 100查看安装方法适用场景
- 从代码库创建Figma组件库
- 按已实现的组件更新设计库
- 统一设计参考与产品实现
中文介绍
功能
figma-generate-library以代码库为基础，创建或更新Figma设计系统组件库。设计系统组件库用于集中管理共用的界面组件等内容。这项技能帮助你将产品中已经实现的组件，与设计工作中作为标准参考的Figma内容对齐。
适用场景
如果组件已经用代码实现，希望将其反映到Figma组件库中，可以使用这项技能。产品更新后，需要重新检查现有设计库时也适用。它以代码库为起点，整理设计人员使用的参考资料，使这些资料与实际实现相对应。
使用示例
- “用
figma-generate-library根据这个代码库创建Figma组件库。” - “按照已经实现的组件，更新Figma设计系统组件库。”
注意事项
当前分发内容是供OpenDesign在规划阶段发现技能的目录条目。若要执行包含配套资料和脚本的完整流程，需要将上游figma/skills套件安装到当前所用智能体的技能目录中。具体安装位置应查阅上游README。
本介绍由 AI（OpenAI Codex）根据公开的 SKILL.md 撰写。准确的规格请查看下方原文。
客观评估
AI 仅根据 SKILL.md 的内容，从 4 个方面进行了评估。星标数和热度不计入评估。
- 指令清晰度能否看出何时使用、做什么
- A良好明确说明从代码创建或更新Figma组件库的用途及触发短语。
- 步骤具体性步骤、输入输出和示例是否具体
- C需确认仅提供上游套件的安装指引，没有组件库创建步骤或输出规范。
- 安全性发送数据、删除文件、执行命令等是否有说明
- B部分不足用途包含更新Figma，但未说明修改范围或确认步骤。
- 安装难易度所需工具和 API 密钥是否少且有说明
- B部分不足需要安装上游套件，具体安装路径须查阅外部README。
总分按每项 A=25 分、B=15 分、C=5 分相加。 由 AI（OpenAI Codex）于 2026年10月20日 评估。仅供参考，安装前请同时查看原文。
如果您认为评估有误，请申请复核
包含的文件（1）
- SKILL.md1.2 KB
SKILL.md（原文）
安装前可以查看交给 AI 代理的指令内容。
figma-generate-library
Curated from Figma's MCP server guide.
What it does
Build or update a professional-grade design system library in Figma from a codebase. Useful for keeping the Figma source of truth in sync with shipped components.
Source
- Upstream: https://github.com/figma/skills
- Category:
figma
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/figma/skills
Then ask the agent to invoke this skill by name (figma-generate-library) or with
one of the trigger phrases listed in this skill's frontmatter.
评价
还没有评价。欢迎分享你的使用感受。
评论
无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。
还没有评论。来写第一条吧。
同一仓库的技能
为社交媒体广告和搜索广告撰写标题、说明及正文，并反复调整措辞。可用于准备广告文案备选版本，以及检查现有文案并考虑修改方案。
- 撰写社交媒体广告标题
- 准备搜索广告说明
- 修改广告正文措辞
nexu-io/open-design10.3万2026年10月21日 更新
以深色背景和衬线字体制作时尚杂志风格的三页动态展示，结合文字逐步显现与章节转场，最终生成内嵌CSS和JavaScript的单个HTML文件。
- 制作时尚杂志风格的动态介绍
- 用三页展示简短故事
- 将现有品牌风格融入深色版面
nexu-io/open-design10.3万2026年10月21日 更新
通过浏览器查看页面，执行点击、输入、截图和信息提取。主要用于检查OpenDesign的本地预览，以及核查网页应用的运行情况与质量。
- 检查OpenDesign本地预览
- 测试网页应用的点击和输入
- 截取页面或元素图像
nexu-io/open-design10.3万2026年10月21日 更新
用于AI音乐专辑制作，涵盖概念构思、歌词初稿、曲目排序和导出，适合独立专辑实验或品牌音乐企划；完整制作流程需另行安装上游资源包。
- 策划独立制作的专辑
- 围绕专辑主题起草歌词
- 安排专辑曲目顺序
nexu-io/open-design10.3万2026年10月21日 更新
使用p5.js，根据计算规则与随机数创作生成艺术。固定随机种子即可重现相同画面，适合制作海报、表现动感的静态图像和艺术构图草案。
- 根据规则制作海报
- 创作具有动感的静态图像
- 试验艺术作品的构图
nexu-io/open-design10.3万2026年10月21日 更新