用途：提供专家级设计指导，用于创建令人印象深刻、可上生产环境的界面，也可用于审查设计合规性与质量。资料称作者有 20 年以上设计经验。
主要能力：围绕核心设计原则展开，包括有意图的设计决策（颜色对应品牌含义、可访问性与对比度；字体对应可读性、个性与性能；动画对应反馈与空间理解），以及避免通用化“AI 风”审美（如默认紫色渐变、到处用 Inter、卡片加阴影模板），转而追求明确的审美方向、独特字体搭配与贴合语境的布局。技术层面强调语义化 HTML 优先、用 CSS 自定义属性做主题、注重性能的动画、以可访问性为基础。
使用方式：按任务上下文加载参考文档，包括品牌、色彩理论、排版、布局、动效、可访问性、设计系统、趋势、创建、审查等；概念文档提供具体视觉方向，如 Apple 玻璃拟态、新粗野主义、黏土拟态、极光渐变、便当网格。模板提供动效规格（动画时间线、触发条件、缓动），用于向前端交接。工具 generate_image 用于生成 UI 图标、头像、背景与插画，需遵循 .agent/rules/nano-banana.md。可与 frontend-developer 技能配合：设计方产出视觉设计、设计令牌与动效规格，前端方据此编写 CSS/JS 代码。
适用场景：构建 UI、品牌、设计系统，或做设计审计与代码审查。
限制：资料未提供具体收费、价格、平台支持范围与效果保证；部分引用文件路径与规则文件内容未在资料中展开。