用途：当可见体验是主要交付物时，用该技能完成前端界面的设计、实现与视觉验证，覆盖全新 UI、改版、参考图转代码、动效与质量审查。用户简报与仓库既有约束优先于本技能。
主要能力：按任务路由到不同参考文档，如 art-direction.md（落地页、作品集、品牌站）、product-ui.md（仪表盘、SaaS、后台、表单）、redesign.md（改版）、reference-to-code.md（截图、Figma、图片或指定站点）、motion-and-interaction.md（动效与滚动）、quality-gates.md（审查、无障碍、最终验证）、prompt-recipes.md（可复用提示词）、evaluation.md（跨模型或版本比较）。
使用方式：改动可见 UI 前先检查目标路由、邻近组件、全局样式、资源与依赖清单，复用项目框架、组件原语、token、图标与交互约定；先确定层级、内容顺序、响应式与交互状态，再处理装饰细节；实现真实可用界面，包含加载、空、错误、成功、禁用与溢出状态；导入包前检查依赖清单；保持语义 HTML、键盘访问、可见焦点、对比度、文本重排、减少动效与响应式布局。完成后运行最小相关构建、lint 与行为检查，启动应用并在桌面与移动宽度截图，检查像素而非仅看源码，修复缺陷并重复检查。
适用场景：落地页、作品集、编辑类或品牌站；仪表盘、SaaS、后台、表单等产品界面；既有界面改版；以截图或 Figma 为参考的实现；显著动效与滚动编排；审查、打磨与无障碍审计。
限制：不得编造客户名、证言、性能声明、精确指标或产品能力；示例数据需明确标注。仅在任务明确要求新方向时才偏离项目既有约定。不要为截图引入大型测试栈。多屏产品或持续改版可参考 PRODUCT.template.md 与 DESIGN.template.md，小型一次性改动不必创建流程文档。与智能体编排配合时，设计判断应保留给有能力的实现者，协调者不应以规定性布局替代其视觉判断。具体收费、价格与平台信息暂未提供。