用途：该技能用于设计和实现用户界面、仪表盘与网页应用，重点在用户体验、视觉层级和交互设计，适合需要把复杂数据清晰呈现、支持快速决策的场景。
主要能力：包括仪表盘设计与实现、视觉层级划分（核心指标、辅助数据、上下文、操作入口）、交互设计（筛选、下钻、对比、导出分享、告警响应）、设计系统维护（配色、字体层级、间距网格、组件复用、深色模式）、性能与打磨（加载速度、动画、响应式、错误与加载状态、基础无障碍）。
技术栈：HTML5、CSS3（Grid、Flexbox、自定义属性）、原生 JavaScript，图表可用 Chart.js 或类似库，可选 Tailwind CSS。
使用方式：资料给出设计流程（理解需求、梳理信息架构、定义视觉层级、搭建布局、设计组件、编码实现、测试优化）与交付物（设计规范、带注释的 HTML、组织良好的 CSS、高效 JavaScript、README）。还提到自动 QA 策略：子任务完成后自动质检，不达标则生成反馈并迭代，可用“skip QA”或“ship it anyway”跳过。
适用场景：分析仪表盘、店铺表现追踪、活动规划、内容日历、收入对比工具、看板、音乐应用界面等。
限制：资料未提供安装命令、价格、平台支持范围与具体性能指标；推荐模型为 sonnet 与 opus，属建议而非强制。