用途：根据用户给出的组件、页面、应用或界面需求，生成风格鲜明、可直接运行的前端代码，同时保证设计质量与可访问性，避免通用化、模板化的视觉效果。
主要能力：先对需求分类并划定边界——页面/应用需规划用户路径、信息架构、内容层级、导航与响应式布局；孤立或可复用组件需规划职责、输入内容、事件、变体、加载/空/错误/禁用/选中状态、宿主上下文、键盘与焦点语义、设计令牌和组合边界；混合需求则分层处理。随后确定明确的美学方向（极简、极繁、复古未来、编辑杂志、粗野主义等）并实现。提供排版、色彩主题、动效、空间构图、背景与视觉细节指导，强调用 CSS 变量统一令牌，避免 Inter、Roboto、Arial 等通用字体及紫色渐变等陈词滥调，并在不同生成间主动变化字体、版式和配色。
必要用法：先判断需求类型，信息足够时直接开工；实现后按自检清单逐项检查再返回。自检包含可访问性与工艺两类：正文对比度至少 4.5:1，大字与控件边框至少 3:1，含义不单靠颜色；使用原生语义元素，页面仅一个 h1 且标题按序，图片有 alt，图标控件有可访问名称，交互元素可键盘操作并有可见焦点，页面含 viewport 且不禁缩放，内容可回流至 320px 宽无横向滚动；字号用 rem/em，正文行高至少 1.5，行宽约 45-75 字符，间距遵循统一刻度，提供 prefers-reduced-motion 处理，无每秒闪烁超过三次。
可选验证：静态用 npx html-validate <file>；渲染后 DOM 检查用 npx pa11y --standard WCAG2AA <url>；具备视觉模型与无头浏览器时可用 Playwright 截图并按清单迭代批评，纯文本模型则跳过截图直接审阅代码。
适用场景：需要打造有辨识度、非模板化的组件、页面或应用界面，并希望兼顾无障碍与细节打磨的前端任务。
限制：依赖执行环境是否提供上述工具，可选验证可跳过，不得视为硬性要求；令牌与主题需在既有品牌或设计系统下适配；具体收费、价格、平台与效果资料未提供。