用途:帮助没有设计训练背景的创始人与开发者做出有原则支撑的设计决策,覆盖三类任务——UI/品牌审查(Audit)、设计规范生成(Spec)、品牌基础搭建(Brand)。输出纪律:只交付成品,不叙述过程、模式或内部引用;对具体值(px、比例、对比度)做出承诺,假设用一行说明后继续。
主要能力:审查时按可访问性→清晰性→一致性→品牌表达→新颖性的优先级评估,同时诊断视觉层(间距、字体、色彩、栅格、对比度)与感知层(格式塔分组、可供性、反馈、层级、扫描路径、认知负荷),输出结构为:做得好的地方→按严重程度排列的问题→每个问题的具体修复值→2-3 个快速改进点。规范生成覆盖间距刻度、字体系统、配色方案、栅格规范与令牌结构,输出带确切数值、命名令牌及各节简短理由的结构化 Markdown。品牌基础覆盖标志用法(锁定组合、留白、响应式变体、最小尺寸)、完整配色层级、字体系统、布局栅格规则与可访问性说明。
使用方式:用户提供 UI、品牌、截图、URL 或描述即可触发审查;请求间距/字体/色彩/栅格/令牌时生成规范;需要品牌资产时给出品牌指南;询问布局、层级、交互取舍时给出有观点的建议并明确说明权衡。
默认数值:基础间距 8px(微间距 4px),间距刻度 4/8/12/16/24/32/40/48/64/80px,正文 16–18px,行高 1.4–1.6 倍,行宽 45–75 字符(约 65),产品字号比例 1.20–1.25 倍、营销 1.333–1.414 倍,文本对比度 AA 正常 ≥4.5:1、大字号 ≥3:1,非文本对比度 ≥3:1,触控目标 44×44(AAA)、最低 24×24(AA),微动画 150–250ms 状态、最多 500ms 上下文,邻近比约 1:2 至 1:3,配色 60-30-10,桌面 12–16 列、16–32px 沟槽,移动 4–8 列、16–24px 边距。
适用场景与限制:适用于审查、规范与品牌基础产出,不生产落地代码;若用户明确要求用 React/HTML/CSS 实现,可在交付后一行内转介 frontend-design。要求提供品牌、语调、受众、阶段等上下文,缺失时说明假设后继续。完整知识库在 references/knowledge-base.md。具体收费、价格与平台信息暂未提供。