UI / ASO 设计 Skill 库
精选 MIT / Apache-2.0 开源 Agent Skill(90+):UI 打磨、设计系统、排版、ASO 与商店截图。点卡片看详情,一键复制安装命令。
许可汇总见 LICENSES.txt。侵权或下架请 联系我们。
这个工具能做什么
做 App 截图、ASO 文案或产品界面时,很多人会让 Cursor / Claude Code 直接「帮我做 UI」,结果却是千篇一律的紫渐变和模板感。开源社区已经把设计品味、动效规范、Apple HIG 和 ASO 流程写成了 Agent Skill——装进项目后,Agent 会按固定清单工作,而不是现场即兴。 这个工具把我们在社区里反复看到、且许可证明确可商用(MIT / Apache-2.0)的 UI / ASO 相关 Skill 做成合集(90+):按标签筛选、打开详情页看概览与安装说明、一键复制安装命令,并跳到 GitHub。本站只托管元数据,不镜像技能文件本身。
使用步骤
- 用搜索或标签(UI 打磨、设计系统、ASO、商店截图、动效、Apple HIG、无障碍)缩小范围。
- 点开卡片进入详情页:概览、安装说明与许可,确认是否适合你的 Agent(Cursor / Claude Code 等)。
- 一键复制安装命令到终端执行,或打开 GitHub 查看上游文档与 LICENSE。
常见问题
什么是 Agent Skill?
Skill 是给编码 Agent 用的说明文件(常见为 SKILL.md)或技能包:当任务匹配时,Agent 按其中的流程、清单和约束来做 UI / ASO,而不是自由发挥。多数可用 npx skills add owner/repo 或项目自带的 CLI 安装到 Cursor、Claude Code 等。
这些 Skill 可以商用吗?
合集只收录 GitHub 上标明 MIT 或 Apache-2.0 的仓库(收录时已核对)。具体条款以各仓库 LICENSE 为准;安装前请自行打开上游确认。商标(Apple、App Store、Cursor 等)不属于开源许可范围。
本站会下载或托管技能文件吗?
不会。页面只提供名称、简介、星标、许可徽章和安装命令等元数据;技能内容始终在上游 GitHub。搜索与复制都在浏览器本地完成。
和「App Store 截图灵感库」「品牌设计参考库」有什么区别?
截图灵感库浏览真实商店预览图;品牌设计参考库提供品牌风格 HTML。本页专门收录可安装的 Agent Skill(尤其是 UI / ASO),用来增强你的 AI 工作流,而不是直接看图。
如何安装到 Cursor?
多数条目提供 npx skills add … 命令;部分项目用自己的 CLI(如 uipro init、impeccable install、ui-skills)。复制命令后在项目目录执行,并按上游 README 选择 Cursor / Claude 等目标。
发现许可有误或希望下架怎么办?
请通过 联系页 说明仓库与原因,我们核实后会尽快更新或移除。许可汇总见 /design-skills/LICENSES.txt。
相关文章和工具
更多工具见开发者工具箱;要做应用商店预览图,可以用App Store 截图生成器。