UI Skills — 给 AI 编程助手的界面技能目录
把散落在各家仓库的「设计工程」Agent 技能收进一份统一注册表,通过 CLI / MCP / 网页三条路取用。
ibelick(motion-primitives / Morphic 作者)做的设计工程技能聚合站,GitHub 9.4k+ star,MIT 协议。核心不是自产内容,而是把散落各处的 UI 技能收进一份统一注册表(约 349 个,来源含 anthropics、pbakaus、emilkowalski、shadcn、antfu、greensock、figma、addyosmani 等一线作者),再通过三种通路发给 AI 编程助手:
- CLI:
npx ui-skills,start/categories/list --category motion/get <slug>,零配置取单技能全文; - MCP:
https://www.ui-skills.com/mcp,两个工具list_skills/get_skill,配进 Claude Code / Codex / Cursor 即可按需取用; - 网页:每个技能带
/llms.txt与安装命令,npx skills add <repo> --skill <name>。
另有一块 Playbook:约 47 条可核查的微观设计规则(44px 触控目标、同心圆角公式、入场 ease-out、状态不靠颜色单独表达……),每条带 before/after 实况演示,当设计审查清单用很合适。
注意两点:聚合库质量参差(有空壳条目、重名技能多),装之前要筛;它是「提示词指南」不是生成工具,最终效果取决于宿主模型是否照做。我的用法是当按需查询源——临时取一条窄技能注入上下文,而不是整包安装。