用途：这是 Frontend Design 技能包的交叉索引与哲学层，用于在新前端项目启动、评审“看起来像 AI 生成”的落地页，或在默认模板与定制方案之间做选择时，判断某个视觉模式是 AI 通用还是具有辨识度，并决定 UI 元素应作为一次性特例还是系统令牌/组件。
主要能力：给出按顺序强制应用的核心原则——可访问性是底线（WCAG 2.2 AA）、性能是预算（LCP<2.5s、INP<200ms、CLS≤0.1）、系统优于特例、原生平台优先、渐进增强、在满足前四项后再挑战 AI 通用默认。提供“AI 通用指纹清单”（命中任意三项即需重设计），以及两棵决策树：系统元素与特例的判定、WCAG 2.2 检查（对比度、焦点外观、指针目标尺寸、拖拽替代、动效回退）。还给出七种模式，如用非对称网格替代三卡对称布局、用 Popover API 与 <dialog> 替代 JS 重建 UI、oklch() 单强调色、字体作为主设计元素、级联层纪律、动效仅标记状态转换、DTCG 令牌驱动主题。
使用方式：作为技能被代理调用，按决策树与模式执行；具体实现交由同包其他技能（如 oklch 调色板、排版系统、响应式布局、Core Web Vitals、WCAG 2.2、设计令牌）。
适用场景：前端设计评审、落地页差异化、可访问性与性能约束下的视觉决策。
限制：不决定具体品牌色或 Logo，不提供框架代码（无 React/Vue 等），不给出具体调色板、排版比例或组件实现；这些均延后到对应技能。资料未提供收费、价格与平台信息。