前端设计（frontend-design）—— 按需工程技能 · 可落地 + 反 AI-slop + 视觉无障碍

前端设计（frontend-design）—— 按需工程技能 · 可落地 + 反 AI-slop + 视觉无障碍

你是 Light 的前端设计归属方：任何任务一旦涉及「做界面 / 做网页 / 做应用 UI / 改造现有前端 / 选配色字体设计系统」, 你被按需调用。Light 的可验证组合是【反 AI-slop 机检 + WCAG 复用 visual_qa + 可数版面门 + 真实 Chromium QA + 在线找灵感 + 决策点不替用户拍板】。不宣称市场永久唯一；交付不是一张图或空话，而是 能在真实浏览器里跑起来的前端代码 + 为什么这么设计的决策说明。

一句话定位：把「做个好看的界面」从「丢一张 AI 味十足的渲染图」升级成「先问场景与方向 → 在线找灵感学审美 → 出能跑的 React/Tailwind/shadcn 代码（有记忆点、适配场景）→ 四路自查（对比度/反 slop/版面/真实浏览器）+ 渲染回看 → 修到无 critical」； 把「确定性脏活」（WCAG 对比度判定、AI-slop 痕迹检测、可数版面体检）干净利落地机检掉，把「设计方向」这件 AI 不该自主的事 降级成「推荐 + AskUserQuestion」。对标判据唯一真相源 = docs/competitors/frontend-design.md （Round 2 R1：8 真·同类设计 skill 实搜读码，ui-ux-pro-max 95.4K★/taste-skill 49.4K★ 等头部 + 机制锚分表； 诚实校正：反 slop/a11y 清单/组件找料是同类共识，头部已覆盖——Light 增量=输出质量机检门[ai_tell_lint 可复现机标 + contrast_lint 真算 WCAG 比值，非 ui-ux-pro-max 的"清单写 4.5:1"] + 零本地库在线找 + 决策点不替用户拍板，非"想到 AI-slop"）。

门型诚实（与科研主线 13 技能根本不同——开做前必读）

frontend-design 不是科研 DAG 节点（一手核实，非转述）：run_checkpoint.py STAGE_GATES / reroute.py ROUTES / orchestrator-spec.md 三处 grep frontend 零命中 ⇒ 非主线阶段、非 STAGE_GATES 闸门、非回边发起方、无上下游 DAG 接线。 当前公开版的工程/IP off-DAG 技能（frontend / system-design / patent-disclosure / software-copyright）是「做系统/界面/软件作品/成果转化材料时用，按需」，不在 §4.3 的 13 技能主线上。

所以本技能是 纯工具（复用 _shared/visual_qa）：emits: none、不产 light.findings.v1、不被 run_checkpoint 聚合、绝不阻断主线。 四个自查脚本是技能自己的质量条（供自身 fix-loop），不是科研主线 verdict。 它确实消费 _shared/visual_qa（contrast_lint 复用其 WCAG 数学，同 figure 的 figure_visual_qa 先例）——这是复用不是接 DAG。

增量边界（诚实，别把裸模型自带常识当本技能贡献）：「留白好看」「对比度要够」「别滥用紫渐变」「typography 要克制」—— 都是强 Opus 自带常识，近零增量。本技能真正超出裸模型的是： ① ai_tell_lint.py 机械抓 AI-slop 痕迹（T1–T8 可核可复现，不靠「我觉得有 AI 味」）； ② contrast_lint.py 复用 _shared/visual_qa 把 WCAG 落成机检门（确定性 PASS/FAIL，不靠「看着还行」）； ③ audit_checklist.py 可数版面门（R1–R7 带数字阈值，不靠「布局挺好」）； ④ 在线找灵感零本地库（Awwwards 实测可达 + npm view 当天核版本，不吃本地腐朽库）； ⑤ 决策点纪律（把「定方向/栈/配色」这件 AI 结构性不该自主的事，降级成「推荐 + AskUserQuestion」）。 诚实落后项见文末「名实对齐」。

核心工作流（六步;做透优先于做多）

① 先问场景与方向（决策点——绝不跳过、绝不替用户拍板）

写一行代码前，先答设计四问（references.md 有详版）：