设计工程三件套：Craft · Memory · Consistency——给编码 Agent 的界面设计决策记忆系统
更新于 2026-09-17 · GitHub 数据采集同日
← 返回汇总让设计决策只做一次，然后跨会话记住并强制执行
面向界面设计（仪表盘、应用、工具、后台面板——明确不覆盖营销站）的 Claude Code / Codex skill：基于原则的 Craft 产出有层级的专业界面，把间距/颜色/深度/表面策略等决策持久化到 .interface-design/system.md，下次会话自动加载。适合长期维护产品 UI、痛于「每次会话设计决策漂移」的团队。
2026-01-05 建仓 · 最后 push 2026-06-20（此后停更）· 8 open issues · 有独立官网 interface-design.dev 与 before/after 示例页 · 经 skills.sh CLI 分发
本质：把「设计系统」从一次性 prompt 提示，升级为落盘的、可加载的、会话间的持久资产。
# 你：Build a user dashboard with metrics cards # Agent（评估上下文后建议方向，等你确认）： This feels like a data-heavy dashboard — I'd suggest: - Depth: Borders-only (clean, technical) - Surfaces: Subtle elevation shifts - Spacing: 8px base Does this direction fit? # ← [你: y] Depth: borders-only Surfaces: 7% → 9% → 11% lightness scale Borders: rgba(255,255,255,0.06) # …构建全程保持显式一致，会话末提议保存 system.md
写码前先用图像生成探索 direction boards，把「想要什么感觉」从形容词变成可对比的视觉选项。
生成 UI references 作对齐基准，团队和 Agent 看同一张图，减少文字歧义。
在已生成界面上做批注覆绘——「图上评审」比文字反馈精确一个量级。优雅降级：无图像工具时全部跳过，纯文本流程不受影响。
这是四强里唯一把「图像生成纳入设计工作流」的：文字原则管一致性，图像管方向感。
# 推荐：skills.sh CLI（自动探测已装 agent） npx skills add https://github.com/dammyjay93/interface-design \ --skill interface-design -g # 指定 agent / 全家桶 --agent claude-code -g # → ~/.claude/skills/ --agent codex -g # → ~/.agents/skills/ --agent '*' -g -y # 所有支持的 agent
| Agent | skill 支持 | 调用 |
|---|---|---|
| Claude Code | ✓（插件市场亦可用） | /interface-design 或自动触发 |
| Codex | ✓ | /interface-design 或自然语言「use interface-design to…」 |
| 其他 skill 兼容 agent | 取决于 agent | skills CLI 统一分发 |
安全提醒（README 原文）：skill 与编码 agent 同权限运行，安装第三方 skill 前先审查内容。
| skill | 路线 | 与本项目的差异 |
|---|---|---|
| ui-ux-pro-max | 规则库 + 推荐引擎 | 79 风格 × 192 产品类型广度检索；本项目反其道——窄而深的原则 + 记忆 |
| taste-skill | 反 slop 硬规则 | 针对「AI 味」做禁令清单 + pre-flight 检查；本项目不列禁令，用正向原则+持久系统防漂移 |
| impeccable | 命令 + 确定性检测 | 24 命令 × 61 规则工程化治理；本项目更轻：一个 skill 一份记忆文件 |
一句话：它管的是「时间维度」的一致性——别的 skill 治单次生成质量，它治跨会话的系统性漂移。可与其他三者叠加使用。
「设计决策记忆」是被四强低估的维度——当 agent 长期驻留产品仓库，跨会话一致性将比单次生成质量更重要。若有人接管维护并接入多 agent 标准（agent-skills 规范），价值会被重估。