Interfaces：用于构建 UI 的智能体技能

# Interfaces：用于构建 UI 的智能体技能

这个工具包里只有 Mindket 写的安装说明，别无其他。技能和 Claude Code 插件本身从 Jakub Krehel 的仓库 https://github.com/jakubkrehel/skills 安装。这里没有复制那个仓库里的任何技能文件。

许可证：MIT，依据仓库的 LICENSE 文件 https://github.com/jakubkrehel/skills/blob/HEAD/LICENSE

## 本工具包里的文件

- setup/claude-code.md：Claude Code 的插件安装方法。
- setup/other-agents.md：skills CLI 的安装命令，作者也让 OpenCode 用户用这一行。

## 安装的内容

一个名为 interfaces 的插件，来自一个同样名为 interfaces 的插件市场。来源：仓库里的 .claude-plugin/plugin.json 和 .claude-plugin/marketplace.json。README 列出了这些技能：

- better-interface：对一个页面、流程或整个界面运行其他 better-* 技能，返回一份排好优先级的报告。
- better-ui：表面层、图标和动效，给出圆角、阴影和动画的精确数值。
- better-typography：字号层级、间距、字体特性、换行、截断和标点。
- better-colors：调色板、语义化 token 命名、颜色格式转换和对比度检查。
- better-accessibility：键盘和焦点、ARIA、表单和动效，按 WCAG 2.2 检查。
- better-layout：分组、对齐、阅读顺序和响应式结构。
- better-writing：界面文案，比如标签、错误提示、空状态和确认信息。
- build-design：根据 Figma 文件或设计图，用项目自己的 token 和组件构建 UI。
- teardown：一张可以配置的技术插图，可导出为 SVG、PNG 或 PDF。
- interface-review：审查一个分支、PR 或未提交的改动。需要你自己调用。
- explain-interface：根据线上 URL 或截图，讲解一个网站或视觉效果是怎么做出来的。需要你自己调用。
- break：把一个组件放进它可能遇到的每一种场景里渲染。需要你自己调用。
- state-machine：在一个用模拟数据的临时页面上，渲染组件的每一种状态。需要你自己调用。
- variant：给一个组件做出几个版本，供你挑一个。需要你自己调用。

来源：README，见 https://github.com/jakubkrehel/skills

## 更新和移除

- Claude Code：作者的 AGENTS.md 说，插件更新只看 plugin.json 里的 version 字段，作者每次改动技能都会调高它。详见 setup/claude-code.md。
- skills CLI：它自己的更新和移除命令写在 setup/other-agents.md 里。
- 作者的 README 没有给出移除步骤。

## 会在你电脑上运行的东西

- teardown 会把它的 assets 和 scripts 文件夹复制到你项目的 tools/teardown/ 里，并用 Node 运行其中的脚本。构建它的预览页面，需要先用你的包管理器安装依赖包（skills/teardown/SKILL.md、verification.md 和 viewer-assets.md）。
- break 和 state-machine 会在你的应用里加一个用模拟数据的临时路由，只有在你说做完时才删掉（各技能的 SKILL.md）。
- variant 会把它做的各个版本和一个选择器，放到将来要放这个组件的页面上。你选定一个之后，它会删掉其他版本、选择器，以及那个页面里对它们的导入（skills/variant/SKILL.md）。
- interface-review 运行只读的 git 命令，另外会为 PR 引用运行 git fetch，不会改动你检出的代码。要渲染一个没有检出的目标，它会用一个临时的 git worktree（skills/interface-review/SKILL.md）。
- build-design 处理 Figma 链接时需要 Figma MCP 服务器。explain-interface 可以直接读取线上页面，也可以通过可编程的浏览器来读。

README.md  3 KB
setup/claude-code.md  2 KB
setup/other-agents.md  2 KB