用途：这是一套用于构建或评审网页界面的品味检查准则，适用于仪表盘、SaaS 应用与内部工具。每条规则都是“气味测试”，有理由时违反单条可以接受，违反多条则说明界面需要改进。
主要能力与规则要点： 速度：交互应在 100ms 内完成，否则用乐观更新伪造结果；防抖输入但不防抖感知响应；悬停或进入视口时预取后续路由；动画只用 will-change 与 transform，不用 top/left；用 performance.now() 测量。加载时用与布局匹配的骨架屏，而非旋转指示器。 现代 CSS：容器查询让组件响应容器尺寸而非视口；:has() 父选择器按后代状态为父元素设样式；View Transitions API 在两种 DOM 状态间动画且可不依赖框架；滚动驱动动画用 animation-timeline 由滚动位置驱动，但截至 2026-05 仅在 Chromium 稳定，需做渐进增强。 其他规则：不做产品导览，改用能教学的空状态与渐进披露；URL 用简短可猜的 slug，嵌套最多 3 段，避免 UUID 与查询参数堆；状态可恢复（草稿、滚动位置、筛选排序、URL 编码视图）；配色不超过 3 种主色加灰色阶；静止时隐藏滚动条；任意目的地 3 步内可达，提供 Cmd+K 命令面板；剪贴板一键复制；点击目标最小 44px（WCAG 2.2 法定下限 24px）；取消流程诚实一键、无暗黑模式；工具提示仅用于纯图标按钮；文案用主动语态、每句最多 7 词；光学对齐优先于几何对齐；按从左到右 F 型阅读流布局；提供自动保存与撤销；提供可下载的 SVG Logo 与品牌资产。文末附有评审用检查清单。
使用方式：以该清单逐条对照正在构建或评审的界面，识别违规项并判断是否有充分理由。
限制：资料未提供该技能的安装方式、平台支持、收费或具体工具集成信息，暂未提供。