设计大师

设计中的具体挑战

在产品开发中，设计环节常面临几个具体痛点：如何快速确定与品牌调性匹配的视觉风格？如何在多个项目中维持统一的设计语言，避免重复定义颜色、间距和字体？当需要为 AI 绘图工具生成专业的提示词时，如何确保输出精准且符合预期？

设计大师的工作流程

该技能旨在通过结构化的方式应对这些挑战。其核心能力包括：

• 构建设计风格矩阵：提供包括赛博朋克、侘寂风、包豪斯在内的 12+ 种风格详解，每种风格都明确了关键词、色彩特征与适用场景，作为决策参考。
• 执行标准化 UI/UX 工作流：遵循“需求分诊 → 产出交付 → 内置资产调用”的清晰步骤。例如，在分诊阶段明确平台（web/iOS/Android）、技术栈（如 React+Tailwind）和无障碍等级（如 WCAG AA），确保产出切合实际。
• 管理设计系统：这是 v2.0 的核心。它能基于 W3C 规范定义语义化的 design tokens，并自动生成跨平台代码。例如，同一组色值可同步输出为 CSS 自定义属性、tailwind.config.js 扩展、Figma 插件 JSON 以及 Flutter 的 ThemeData。
• 生成专业 AI 绘图提示词：根据“设计类型 → 风格关键词 → 结构化模板”的流程，输出如 Minimalist coffee logo, earthy tones, vector style, --ar 1:1 这类可直接使用的提示词，并给出参数建议。

适用场景与注意点

该技能非常适用于项目的前期概念设计、设计系统搭建与规范制定阶段。它能高效产出视觉方向、UI 组件规范、主题（如 light/dark）配置以及跨平台令牌。

需注意，其主要输出是设计规范、代码模板与指导方案。对于高度定制化、复杂交互的前端实现，仍需工程师根据具体技术栈进行深入开发与调整。它更侧重于设计决策与系统规划，而非替代具体的编码实现。