技能包

UI Skills:给设计工程师的界面技能登记表

适合用官方 CLI 浏览并取出设计工程技能,或经 MCP 连接登记表,前提是先只读列出分类,再确认后才 get 某个技能。

官方来源 · UI Skills

安装

npx ui-skills start

适合谁

当你是 Design Engineer,需要一套可被代理使用的界面技能,而不是一篇散文化的设计随笔时,再用 UI Skills。仓库口号是 Skills for Design Engineers,更多说明在

https://www.ui-skills.com/

前置:你能在本机跑 npx。第一次先浏览登记表,不要一上来 get 写文件。说明没有点名具体客户端,不要把某个代理写成官方专属。

另外还有一条 MCP 通道,把代理连到登记表。那是第二条路,不要和 CLI 第一次尝试绑在一起,也不要在没列出技能前就 get。

3 分钟完成第一次尝试

官方页面:

https://github.com/ibelick/ui-skills

推荐从 CLI 只读命令开始。先看分类,再看一个例子分类 motion(不会取走技能文件):

npx ui-skills start
npx ui-skills categories
npx ui-skills list --category motion

start 会出现在官方命令组里;若它打开交互界面,只浏览,不要选未确认的写入。用 categories 与 list --category motion 作为可观察的成功信号:你能看到分类列表,并且 motion 下列出技能名。

确认要取某个技能后,说明给出的例子是:

npx ui-skills get baseline-ui

这会拿到 baseline-ui。先确认工作区可以新增文件,再执行,然后打开新出现的内容核对比得上该技能。不要编其他 get 名称。

命令失败就停下,不要改用未出现的安装器。

使用案例

案例一:用 CLI 浏览再取出一个技能。按 categories → list --category motion → 确认后 get baseline-ui。核对点是列表来自官方 CLI,取出的是 baseline-ui。说明没有写落地目录,不要补路径。

案例二:经 MCP 连接登记表。说明写明把代理连到

https://www.ui-skills.com/mcp

可用工具是 list_skills 与 get_skill。先只跑 list_skills 看清单,确认后再 get_skill。可见文字没有给出客户端 JSON 或鉴权字段;配不通就停。另有一份蒸馏后的 UI 课在

https://www.ui-skills.com/playbook

那是阅读材料,不是第三条安装器。

使用边界

CLI 只证据到 start、categories、list --category motion、get baseline-ui。不要编其他子命令或技能名。

MCP 只证据到上述地址以及 list_skills / get_skill。不要补其他工具名。

说明没有给出语言范围、定价、客户端名单或落地目录。Playbook 只是阅读材料。缺依据的项目保持未知,不要补安装器或技能名。