Repolode
提交项目
ibelick

ibelick/ui-skills

面向设计工程师的 UI 技能库，可通过 CLI 和 MCP 服务浏览与获取。

在 GitHub 查看官网
Star
10,721
Fork
513
未关闭 Issue
22
最近提交
前天

这是什么？

UI Skills 是一个面向设计工程师的可复用技能库，内容按类别组织，例如动效（motion）等 UI 相关主题。每个技能可以按名称列出和获取，方便开发者或 AI 智能体将特定的 UI 指导引入自己的工作流程。

项目提供命令行工具，可浏览分类、按类别列出技能，并获取单个技能（如 baseline-ui）。它还通过 Model Context Protocol 接口开放技能库，提供 list_skills 和 get_skill 两个工具，便于智能体直接查询。

除技能库外，项目还整理了一份 UI 经验手册（Playbook），汇集了优秀设计工程技能中提炼出的 UI 实践要点。项目使用 TypeScript 开发，采用 MIT 许可证。

核心功能

  • 01通过 npx ui-skills 在终端中浏览分类并列出技能。
  • 02按名称获取单个技能，例如 baseline-ui。
  • 03通过 MCP 接口让 AI 智能体连接技能库。
  • 04提供 list_skills 和 get_skill 工具用于程序化访问。
  • 05附带一份提炼自设计工程实践的 UI 经验手册。

适用场景

  • 为编码智能体提供构建精致 UI 组件的参考指导。
  • 在命令行中查找动效等特定 UI 技能。
  • 在开展设计工程项目前回顾提炼出的 UI 经验要点。

快速上手

  1. 1

    在终端中浏览可用的技能

    npx ui-skills start
  2. 2

    列出技能分类

    npx ui-skills categories
  3. 3

    获取指定技能

    npx ui-skills get baseline-ui

收录于专题

MCP Server 精选AI Agent 技能包命令行与终端工具前端框架与界面组件

标签

#ui#design-engineering#agent-skills#mcp#cli#frontend#typescript#skills#ui-skills

常见问题

ui-skills 是什么？
面向设计工程师的 UI 技能库，可通过 CLI 和 MCP 服务浏览与获取。 UI Skills 是一个面向设计工程师的可复用技能库，内容按类别组织，例如动效（motion）等 UI 相关主题。每个技能可以按名称列出和获取，方便开发者或 AI 智能体将特定的 UI 指导引入自己的工作流程。
ui-skills 可以免费使用吗？用的什么许可证？
ui-skills 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
ui-skills 还在维护吗？
活跃维护中。ui-skills 最近一次提交是在 2026年11月5日。
ui-skills 适合用来做什么？
为编码智能体提供构建精致 UI 组件的参考指导。 在命令行中查找动效等特定 UI 技能。 在开展设计工程项目前回顾提炼出的 UI 经验要点。
ui-skills 怎么安装和运行？
在终端中浏览可用的技能: npx ui-skills start 列出技能分类: npx ui-skills categories 获取指定技能: npx ui-skills get baseline-ui
在哪里获取 ui-skills？
源代码和安装说明在 GitHub 上：https://github.com/ibelick/ui-skills

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目