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