技能库智客分类：Agent 工作流 ui-skills

Ui 技能

有观点,有演化的制约,在构建接口时指导代理. 有助于在许多小用户界面中保持输出的一致性.

官方网址：GitHub

技能介绍

先看中文介绍；官方 description 原文单独保留，不改写 SKILL.md。

做什么

有观点,有演化的制约,在构建接口时指导代理. 有助于在许多小用户界面中保持输出的一致性.

何时用

官方 description 未单独写出 Use when。按规范，代理会在用户任务与这段 description 的关键词匹配时激活本技能。

代理如何加载

按 Agent Skills 渐进披露：启动时只加载 name 与 description（约 100 token）；任务匹配后才读入整份 SKILL.md 正文；scripts/、references/、assets/ 仅在需要时再读。本文件正文结构：ui-skills、What it does、Source、How to use、Inspect the upstream README for exact paths。

文件分析

文件分析：这是一份仅含 SKILL.md 的指令型技能，代理激活后整份正文进入上下文。

官方 description（原文）

Opinionated, evolving constraints to guide agents when building interfaces. Useful for keeping output coherent across many small UI pieces.

ui-skillsWhat it doesSourceHow to useInspect the upstream README for exact paths

来源分类：GitHub skill skills.sh agent-skill

来源与网址

市场来源：GitHub skills.sh

开源榜 Skill 分类

SKILL.md 与 Agent 调用

官方规范 ↗

name: ui-skills
description: Opinionated, evolving constraints to guide agents when building interfaces. Useful for keeping output coherent across many small UI pieces.

发现技能客户端向 Agent 提供名称与描述目录。
匹配与调用用户指定或任务匹配后，载入 SKILL.md 指令。
按需加载按步骤读取参考文档、使用脚本与素材。

具体调用语法与可用工具以目标 Agent 客户端为准。查看调用机制说明 ↗

安装这个技能

Skills CLI ↗

先选择目标 Agent 和安装范围，保留技能包的附属文件，安装后检查客户端能否发现该技能。

交给 Agent 安装

复制安装指令给支持 Agent Skills 的代理，确认其中的目标目录与客户端匹配。

把 Agent Skill「ui-skills」安装到我的项目：SKILL.md 原文与官方 description 见 https://zicq.com/zh/skills/skl-155127fa23d1266c-Ui-%E6%8A%80%E8%83%BD.html
请存为 .cursor/skills/ui-skills/SKILL.md 或 .claude/skills/ui-skills/SKILL.md，frontmatter 的 name 与 description 保持原样，不要改写。

GitHub 完整包 ↗

终端安装 · Skills CLI

需要 Node.js 与 npx。先查看仓库技能列表，确认实际名称。

npx skills add 'https://github.com/nexu-io/open-design/tree/HEAD/skills/ui-skills' --list

npx skills add 'https://github.com/nexu-io/open-design/tree/HEAD/skills/ui-skills' --skill 'ui-skills'

CLI 会交互选择目标 Agent，默认安装到项目；用户级安装使用 -g。先通过查看命令核对仓库内容，再用 npx skills list 检查已安装技能。

SKILL.md 原文可复制，不会改动源文件

---
name: ui-skills
description: |
  Opinionated, evolving constraints to guide agents when building interfaces. Useful for keeping output coherent across many small UI pieces.
triggers:
  - "ui constraints"
  - "ui guide"
  - "opinionated ui"
  - "ui rules"
od:
  mode: design-system
  category: design-systems
  upstream: "https://github.com/ibelick/ui-skills"
---

# ui-skills

> Curated from @ibelick.

## What it does

Opinionated, evolving constraints to guide agents when building interfaces. Useful for keeping output coherent across many small UI pieces.

## Source

- Upstream: https://github.com/ibelick/ui-skills
- Category: `design-systems`

## How to use

This catalogue entry advertises the skill in OpenDesign so the agent
discovers it during planning. To run the full upstream workflow with
its original assets, scripts, and references, install the upstream
bundle into your active agent's skills directory:

```bash
# Inspect the upstream README for exact paths
open https://github.com/ibelick/ui-skills
```

Then ask the agent to invoke this skill by name (`ui-skills`) or with
one of the trigger phrases listed in this skill's frontmatter.

阅读排版

name: ui-skills description: | Opinionated, evolving constraints to guide agents when building interfaces. Useful for keeping output coherent across many small UI pieces. triggers:

"ui constraints"
"ui guide"
"opinionated ui"
"ui rules" od: mode: design-system category: design-systems upstream: "https://github.com/ibelick/ui-skills"

ui-skills

Curated from @ibelick.

What it does

Opinionated, evolving constraints to guide agents when building interfaces. Useful for keeping output coherent across many small UI pieces.

Source

Upstream: https://github.com/ibelick/ui-skills
Category: design-systems

How to use

This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:

# Inspect the upstream README for exact paths
open https://github.com/ibelick/ui-skills

Then ask the agent to invoke this skill by name (ui-skills) or with one of the trigger phrases listed in this skill's frontmatter.

Ui 技能

技能介绍

做什么

何时用

代理如何加载

文件分析

SKILL.md 与 Agent 调用

安装这个技能

ui-skills

What it does

Source

How to use

相关技能

技能创建者Skill Creator

克劳德胡布Clawdhub

团队指挥Agent Team Orchestration

超级力量Superpowers