Suta：为 Claude Code 和 Codex 减少 AI 生成 UI 同质化的技能

布局、颜色和动效指南，包含 56 个 UI 模式的代码，适用于 Claude Code 和 Codex。

我构建 suta 是因为 AI 生成的 UI 总是重复相同的卡片、过多的颜色和不必要的装饰。我想减少这种 AI 设计垃圾。

在 Claude Code 中使用相同的请求、模型和设置。上方：不使用 suta（一次运行）。下方：使用 suta 0.8 的第 3/4 次运行。结果会有差异；使用 suta 时生成耗时更长。方法、所有结果和限制 · 图片来源

安装

Claude Code — 在聊天中运行：

/plugin marketplace add Guksu/suta
/plugin install suta@suta

Codex — 在终端中运行，然后在 /hooks 中批准 suta 的编辑后检查：

codex plugin marketplace add Guksu/suta
codex plugin add suta@suta

其他代理 / 仅技能 — 安装指南和模式，但不包含插件的编辑后检查：

npx skills add Guksu/suta --skill suta

安装后，向你的代理提出：

使用 suta 构建一个登录界面，包含电子邮件、密码、登录按钮和密码重置链接。保持简单，并使其可通过键盘使用。

代理会阅读指南，选择相关模式，并将其代码适配到你的项目中。插件安装还会在编辑后报告布局和动效问题。技能和模式文档为韩语；一次记录的检查使用了英文请求，并生成了英文 UI 文案和英文回复。

在在线演示中试用这些模式。仍然需要浏览器检查；静态检查无法发现所有 UI 问题。

我在自己的工作中使用 suta，并将继续修复问题、更新指南和模式。如果有什么不对劲，请提交 issue，附上你的请求和发生的情况。