用途:在提交前端改动前,验证其是否符合瑞士国际主义风格(Swiss International Style)设计系统,适用于该项目的 UI 审查环节。
主要能力: 一、自动检查反模式。使用 rg 搜索禁止用法:圆角、渐变、软阴影、模糊。命令保持原样: rg 'rounded-(sm|md|lg|xl|2xl|3xl|full)' apps/frontend/ --glob '.{tsx,jsx,css}' --no-heading -n rg '(bg-gradient|from-|via-|to-)' apps/frontend/ --glob '.{tsx,jsx,css}' --no-heading -n rg 'shadow-(sm|md|lg|xl|2xl|inner)' apps/frontend/ --glob '.{tsx,jsx,css}' --no-heading -n rg '(blur-|backdrop-blur)' apps/frontend/ --glob '.{tsx,jsx,css}' --no-heading -n 二、人工审查每个改动文件,核对颜色、排版、边框与阴影、组件:颜色限定调色板(背景 Canvas #F0F0E8 或白色,文字 Ink #000000,链接 Hyper Blue #1D4ED8,成功 Signal Green #15803D,错误 Alert Red #DC2626),不得使用调色板外颜色;标题用 font-serif,正文用 font-sans,标签用 font-mono text-sm uppercase tracking-wider;所有元素 rounded-none,边框 border-2 border-black,阴影用硬阴影 shadow-[Xpx_Xpx_0px_0px_#000000],悬停位移进入阴影空间;按钮方角、硬阴影、按压效果,卡片白底黑边硬阴影,输入框 rounded-none 黑边。 三、反模式快扫:rounded-sm/md/lg/xl/full、bg-gradient-、shadow-sm/md/lg/xl、blur-/backdrop-blur、柔和色,均应立即标记。
使用方式:按步骤先运行自动检查,再逐文件人工核对,最后输出报告,格式为 [FAIL] file:line - 违规描述、[WARN] file:line - 待确认问题、[PASS] 全部通过。完整设计系统参考 docs/agent/design/style-guide.md。
限制:仅面向 apps/frontend 与所列技术栈;采用硬编码调色板与固定样式,不适用于其他设计体系;资料未说明安装方式、价格、平台或运行依赖,暂未提供。