用途:对 Hexagone Web 应用的页面或组件执行完全自主的设计系统合规审计与自动修复。触发方式包括“design-compliance”加 URL、组件名或页面名,或要求审计 UI、检查设计系统合规、执行设计评审。
主要能力:解析源码与渲染 UI;递归解析组件树;静态检查八类违规(错误组件、错误 token 层、pt 误用、导入违规、暗色模式违规、i18n 违规、可访问性、框架约定);用无头浏览器检查明暗模式;就地修复全部违规;生成结构化报告。
使用方式:提供 URL(如 /design-compliance http://localhost:5173/hexagone-etab/vue/patients)、组件名或页面名;无参数时会询问目标。规则来源优先读取规则文件、CLAUDE.md、copilot 指令、hexagone-preset.js、shell-tokens.scss、Tailwind 配置与 package.json。
适用场景:PrimeVue/Tailwind/Hexagone token 规范的既有代码整改;页面与组件的设计与代码合规检查。
限制:改动不提交,需开发者自行 git diff 审核;未检测到开发服务器(端口 5173、5174、3000、8080)时跳过视觉检查,仅做代码分析;登录页使用 apvhn/apvhn 认证,失败则跳过视觉检查;专用于 Hexagone Web 单仓库技术栈(Vue 3.5 + TypeScript、PrimeVue 4.3、Tailwind CSS 4、Pinia)。