用途:面向「做界面/做网页/做应用 UI/改造现有前端/选配色字体设计系统」等任务,把模糊需求落成能在真实浏览器运行的 React/Tailwind/shadcn 代码与设计决策说明,而非渲染图或空话。定位为 off-DAG 按需纯工具,不产 findings、不阻断主线。
主要能力:① ai_tell_lint.py 机械抓 AI-slop 痕迹(T1–T8);② contrast_lint.py 复用 _shared/visual_qa 做 WCAG 对比度机检(正文≥4.5:1,大字/UI≥3:1);③ audit_checklist.py 可数版面门 R1–R7;④ browser_qa.py 真实 Chromium 三视口、错误、overflow、键盘/名称/alt 与截图;⑤ 在线找灵感与当天核版本(如 npm view <pkg> version);⑥ 决策点纪律,方向/栈/配色/字体用 AskUserQuestion 交给用户。
使用方式:先答设计四问(Purpose、Tone、Constraints、Differentiation),再在线找料并改成自己的(去 slop、配项目 token、过四路 QA、回看),随后出代码(默认 Vite+React 或 Next App Router、Tailwind v4+CSS 变量、shadcn/ui,动效按需 Motion/GSAP)。QA 示例:python scripts/browser_qa.py --url http://127.0.0.1:5173 --out browser-qa;python scripts/browser_qa.py --selftest。交付前跑:python scripts/design_delivery_gate.py --input <项目根>/frontend-delivery.json --root <项目根> --as-of 2026-07-05,再 render-then-look 并修到无 critical。
适用场景:数据大屏/dashboard、管理后台、营销 landing、学术海报与科研系统、移动端/小程序,按场景分信息密度。
限制:ai_tell_lint 为启发式非终判;contrast_lint 仅判可计算配色对比度;browser_qa 非完整 WCAG/Lighthouse,无 axe、屏幕阅读器与性能实验;Playwright/Chromium 缺失须标 UNAVAILABLE;零本地库意味着灵感/版本在线查,受限站点诚实标 unavailable;不保证顶级审美;非 DAG 节点,不被总控自动编排;论文统计图归 figure,后端架构归 system-design。