用途：把 Figma 或设计规格落地为界面与组件，覆盖设计令牌（颜色、字体、间距）、设计系统基础件、响应式断点、交互状态（默认、悬停、聚焦、禁用、加载、空、错误）、表单与只读 UI 对接既有 API，以及基础无障碍（标签、焦点顺序、键盘激活）。
主要能力与工作流：设计交接转代码（规格清单、令牌、资源、未知项）；组件与状态（展示型与容器型、变体、组合）；布局与令牌（网格、间距、排版、响应式规则）；UI 中的 API 边界（请求钩子、骨架屏、错误、空状态）；无障碍基础（标签、对比度、键盘、可见焦点）；Storybook 故事与视觉 QA（截图对比、PR 清单）。
输出标准：匹配设计令牌，令牌映射外不使用魔法色值；每个交互控件有可见焦点与可访问名称；异步视图实现加载、空、错误状态；PR 附截图或 Storybook 链接；规格缺口先升级给 product-designer 而非猜测布局。
适用场景：按设计稿实现屏幕与组件、应用设计令牌、修复布局与响应式、为组件编写 Storybook 故事、提交 PR 前做视觉 QA。
限制与边界：不负责前端架构、RSC 策略、包体积与 CWV 优化（转 senior-frontend-software-engineer）；不负责登录、Cookie、CSRF、CORS、CSP（转 web-application-developer）；不做线框图、用户研究、设计评审（转 product-designer）；不做流程规格、启发式审计、视觉构建前原型（转 ux-software-engineer）；不新建 REST API、数据库或完整纵向功能（转 fullstack-software-engineer）；不负责部署流水线（转 devops）。参考资料按需加载：交接、组件、布局、数据 UI、无障碍、QA 分别对应 references 下相应文档。具体安装与使用命令暂未提供。