Builderoom

September 26, 2026

Get resource

为 Design Engineers 提供的 UI 技能集合,支持通过 CLI 和 MCP 获取与调用。

MITWebText InputCode InputCode OutputDocument Output
安装 / 调用方式bash
npx ui-skills start

Product facts

Type
AI Skill & Agent
Category
Design & UX › Design Systems
Pricing
Open source
Platforms
Web
License
MIT
Launched
Sep 26, 2026
Listed
Sep 26, 2026
Website
github.com

Overview

GitHubGitHub

UI Skills 是一个面向 Design Engineers 的技能(Skills)注册表与集合,由 ibelick 维护,使用 TypeScript 编写,采用 MIT 协议开源。 它提供了一系列 UI 相关的技能制品,开发者可以通过多种方式浏览和获取这些内容。 ### 主要能力 - **CLI 工具**:支持在终端中直接浏览、分类查看和获取技能。提供了 `start`、`categories`、`list`、`get` 等命令,例如可以按类别筛选(如 motion),或直接获取指定技能(如 baseline-ui)。 - **MCP 支持**:通过 Model Context Protocol 将 AI Agent 连接到该注册表。暴露了 `list_skills` 和 `get_skill` 两个工具,端点地址为 `https://www.ui-skills.com/mcp`。 - **Playbook**:在 ui-skills.com/playbook 页面提供了从设计工程技能中提炼出的 UI 经验总结。 ### 适合谁 适合需要在项目中复用 UI 技能的设计工程师(Design Engineers),以及希望通过 MCP 协议让 AI Agent 检索和使用 UI 技能的开发者。

Key features

  • CLI 浏览与获取:通过 npx 命令在终端中浏览分类、列出并获取指定的 UI 技能。
  • MCP 协议接入:提供 MCP 端点,允许 AI Agent 通过 list_skills 和 get_skill 工具访问注册表。
  • Playbook 经验集:收录从设计工程技能中提炼的 UI 经验,可在官网查阅。

Releases

Notify me

Initial · UI Skills

Q&A

如何通过命令行获取某个技能?AI-generated
可以使用 npx ui-skills get 命令加上技能名称,例如 npx ui-skills get baseline-ui。也可以先用 npx ui-skills categories 查看分类,再用 npx ui-skills list --category <分类名> 列出具体技能。
MCP 端点提供了哪些工具?AI-generated
MCP 端点提供了 list_skills 和 get_skill 两个工具,用于列出技能和获取特定技能。
这个项目使用什么许可证?AI-generated
该项目使用 MIT 许可证。
Get resource
Bookmark

This product has no owner yet

It was listed by the platform or its author left. If it is your work, prove your relationship to become the owner.

Claim this product