frontend

该技能分为编写（Authoring）与评审（Critique）两种模式，共享视觉方向规则。编写模式强调按用户流程设计，状态顺序为错误→加载→空→成功，并要求在编码前对设计稿做“保真清单”，明确每个主要元素的实现路径（立即构建、显式延后或经批准删除），静默丢失视为 P0 缺陷；同时提供设计系统漂移分类器，区分缺失 token、一次性实现与概念错位。评审模式为只读，先做独立的 AI 套路扫描，再做设计总监式定性评估，最后综合；采用 0-4 锚定评分，多数真实界面为 2 分，并附 AI 套路禁用清单（如侧边条纹卡片、渐变文字、默认玻璃拟态、英雄指标模板等）。参考文件按需读取，涵盖 UI 状态与反馈、可访问性与表单、性能与布局、DESIGN.md 编写及灵感索引。动效仅允许 transform/opacity，时长 150-300ms，尊重 prefers-reduced-motion。反模式清单包括禁止 user-scalable=no、transition: all、无替代的 outline-none、div onClick、无尺寸图片、无标签表单、无 aria-label 图标按钮、emoji 作图标、硬编码日期格式等。若配置了 npx slop-detector 可在评审 B 阶段运行，否则手工扫描。RTL 场景需检查镜像、逻辑属性与混合方向文本。具体安装与调用方式资料未提供。