← 返回作品

Skill

已上线

ZedUI

把四个 UI skill 串成有约束流水线，用唯一 DESIGN.md 锁住产出，消灭规范漂移。

GitHub 仓库
ZedUI

一套项目级 UI 规范编排工作流：四个开源 skill 串成流水线，一份 DESIGN.md 锁住全部视觉决策。

痛点
单个 UI skill 都很好用，一起用就规范打架，第一个页面和第五个页面不像同一个产品；哪个 skill 具体该负责哪一部分，也常常说不清。
目标用户
用 AI 编码工具（Kimi Code / Claude Code / Codex）做有界面项目的开发者。

核心亮点

  1. 01

    单一规范源

    全部视觉决策只写进一份机器可读的 DESIGN.md，代码 token 层由它机械派生，从源头杜绝多个 skill 各定各的规范。

  2. 02

    硬校验兜底

    detector 双层扫描源码与浏览器计算样式，字体、色板、圆角、字号漂移即发现，无豁免。

  3. 03

    只编排不造轮子

    定方向、生产、审查都路由给该领域最强的现成 skill，编排层只定串联逻辑与冲突裁决。

4
配套开源 skill
60+
条硬校验规则
3 轮
模拟试点验证
3 个
AI 工具链可用

它是怎么工作的

ZedUI 流水线示意图
四个 skill 是纬线，DESIGN.md 是经纱；审查发现按「谁建的谁修」回流给生产者
detector 硬校验扫描输出
硬校验实测：绕过 DESIGN.md 手写的三处漂移被全部抓出
UUPM 数据驱动检索输出
开局定方向：风格、色板、字体由数据驱动检索一次出齐

核心更新

  1. 0.3.72026-08-12

    当前版本：tokens.css 从 DESIGN.md 机械派生，字面值只许活在 token 层；Phase 0.0 让带旧规范的项目翻译接入，不再强制重定方向。

  2. 0.2.02026-08-07

    首个开源版：工具无关化，同一份 skill 跨 Kimi Code / Claude Code / Codex 可用。

ZedUI 已开源，编排的四个配套 skill 均为第三方开源作品。已知边界如实写明：detector 没有响应式规则，多端适配靠三档视口截图人工审；UUPM 字体库不含中文字形，中文项目需手动确认 CJK 字体栈。