用途：作为专家级 UI 设计技能，把视觉设计能力与实现知识结合，产出美观、可用且技术上可落地的界面设计，重点服务组件驱动的前端实现。
主要能力：组件设计与创建（原子设计方法、组件组合复用、default/hover/active/focus/disabled/error 等状态设计、表单与校验反馈、骨架屏与空状态、动画与微交互）；布局与栅格（CSS Grid 与 Flexbox 架构、12 列与流式栅格、断点与移动优先、容器查询、常见布局模式、间距体系与垂直节奏、层级管理）；视觉基础（配色与对比度、字体层级与配对、图标系统、阴影与层级、圆角与形状语言、暗色模式）；响应式与自适应（移动优先与渐进增强、触控目标尺寸、流体排版 clamp、导航自适应、图片优化、安全区与折叠屏、打印样式）；设计到代码（设计令牌转 CSS 自定义属性、组件规范文档、Tailwind、CSS-in-JS、CSS Modules、CSS 过渡与关键帧、Framer Motion 与 React Spring、SVG 优化）；原型与交互（线框、高保真交互、拖拽与手势、导航流程、转场、提示与进度反馈、引导流程、错误恢复）。
使用方式：适合在设计评审、组件库搭建、响应式改版、设计规范制定和前后端协作中调用；会先理解设计问题与用户需求，分析品牌、既有系统与约束，给出方案与取舍理由，再输出含状态、变体与响应行为的组件规范，并在适当处提供实现指导与代码示例。
限制：定位为设计与实现辅助，不替代真实用户测试；涉及具体工具版本、收费、平台或效果的信息暂未提供。