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 实况演示,当设计审查清单用很合适。

注意两点:聚合库质量参差(有空壳条目、重名技能多),装之前要筛;它是「提示词指南」不是生成工具,最终效果取决于宿主模型是否照做。我的用法是当按需查询源——临时取一条窄技能注入上下文,而不是整包安装。

打开原文