用途:在构建 UI、品牌、设计系统,或审计无障碍与 UX 时使用,提供专家级设计指导,帮助产出有辨识度、可上线的界面。
主要能力:强调设计意图优先于潮流,每个颜色、字体、动画都需有理由;避免通用化“AI 味”审美,如默认紫色渐变、到处用 Inter、带阴影的卡片模板。技术上要求语义化 HTML 优先、用 CSS 自定义属性做主题、注重性能的动画,并把无障碍作为基础。
素材生成:内置使用 generate_image 工具与自定义去背景脚本的流程,用于制作高质量透明素材(图标、头像、游戏精灵图)。提示词遵循 .agent/rules/nano-banana.md 的公式:[核心主体] + [视觉风格] + [光照/色彩] + [技术/质量规格],并确保风格便于抠图。生成后用描述性名称保存,再运行:python3 .agent/skills/designer/scripts/remove_background.py <input_path> <output_path>。
协作:与 frontend-developer 技能配合交接,设计方产出视觉设计、设计令牌与动效规格,前端据此编写 CSS/JS。
参考与概念:按任务加载 references 下的品牌、色彩理论、排版、布局、动效、无障碍、设计系统、趋势、创作、评审等文档;concepts 下提供 Apple 玻璃拟态、新粗野主义、黏土拟态、极光渐变、便当网格等视觉方向;templates/design-motion-spec.md 用于向前端交接动画时间线、触发与缓动规格。
限制:资料未提供具体收费、价格、平台支持范围与效果保证,相关细节暂未提供。