用途：对 Hexagone Web 应用的页面或组件执行全自动设计系统合规审计。支持三种输入：URL（如 /design-compliance http://localhost:5173/hexagone-etab/vue/patients）、组件名（如 PatientDashboard）、页面名（如 Patients）；无参数时会先询问要审查的对象。
主要能力：先读取规则来源（design-system.md、CLAUDE.md、copilot-instructions.md 等）与框架配置（hexagone-preset.js、shell-tokens.scss、tailwind.config、package.json），合并为规则清单；再解析目标文件并递归展开本地导入的组件树；随后做静态代码分析，覆盖八类违规：错误组件、错误 token 层、pt 误用、导入违规、暗色模式违规、i18n 违规、可访问性、框架约定。若检测到开发服务器（端口 5173、5174、3000、8080），会用 Playwright 打开页面，分别在亮色与暗色模式截图并检查计算样式；登录页使用 apvhn/apvhn 认证，失败则跳过视觉检查。
使用方式：以 /design-compliance 加参数调用。技能会就地编辑 .vue 文件修复全部违规（机械性与结构性），不提交改动，由开发者通过 git diff 复核；最后打印含文件清单、各类违规前后对照、视觉检查结果与汇总的报告。
适用场景：Hexagone Web 单体仓库中，需要统一 PrimeVue 4、Tailwind CSS 4 与三层 token 体系（--p-、--hexa-、beta-scss）约定的页面或组件。
限制：仅针对该技术栈，不适用于其他框架；无开发服务器或认证失败时仅做代码分析；不提交变更；未提供其他平台、收费或效果信息。