Designer

核心用法

该 skill 以「规则手册」形式提供设计决策依据，覆盖 Logo 与品牌、视觉层级、字体、色彩、布局、图标、UX 原则、设计系统、交付规范九大模块。每条规则附带具体数值或阈值（如 16px 最小字号、4.5:1 对比度、44px 触摸目标），可直接落地执行。

显著优点

• 高度可操作：规则以「做 X，避免 Y」的祈使句呈现，无需设计背景即可套用
• 覆盖完整链路：从品牌策略到开发交付，形成端到端闭环
• 移动端优先：明确强调 Mobile First，契合现代产品主流场景
• 无障碍内置：4.5:1 对比度、色盲模拟测试等要求，降低合规风险
• 系统思维：推崇 Design Tokens 与组件化，适合规模化团队

潜在缺点与局限

• 风格趋同风险：严格遵循规则可能产出「正确但平庸」的设计，缺乏品牌独特性
• 语境缺失：部分建议（如「3-5 品牌色」）未说明适用场景（SaaS vs 游戏 vs 电商）
• 未涉及动效与交互深度：微交互、状态过渡、情感化设计等现代 UX 要素着墨较少
• 文化适应性存疑：排版与色彩心理学建议基于西方设计惯例，可能不完全适配东亚市场

适合人群

• 全栈开发者需要快速补全设计短板
• 初创团队缺乏专职设计师时的 MVP 阶段
• 设计新人建立系统化知识框架
• 产品经理评审设计稿时的检查清单

常规风险

• 过度依赖数值：盲目套用 60-30-10 或 8px 网格可能抑制创造性解决方案
• 无障碍合规误区：4.5:1 是 WCAG AA 最低标准，非「最佳实践」，高对比度未必等于易读性最优
• 实现偏差：「交付规范」章节要求开发者 review 最终 build，但未提供具体验收流程，执行依赖团队自觉性

核心用法

Designer Skill 是一套完整的设计原则文档库，为 AI 辅助设计工作流提供结构化指导。核心用法包括：

品牌与标识设计：遵循"16px 可识别"原则，确保 Logo 在 favicon 尺寸下依然清晰；强制单色版本测试，避免过度依赖渐变；建立 3-5 色的精简品牌色板。

界面层级构建：运用"单一焦点"原则，每屏仅设一个视觉重心；通过尺寸/字重引导注意力；使用 8px 网格系统保持间距一致性；采用 60-30-10 配色法则平衡视觉节奏。

排版系统：严格限制双字体策略（标题+正文），正文最小 16px，行高 1.4-1.6，行宽 45-75 字符；强调字体对比（衬线配无衬线）。

可用性保障：强制 4.5:1 对比度满足 WCAG 标准；44px 最小触控目标；优先设计空状态/错误/加载等边缘场景；遵循"别让用户思考"的认知原则。

设计系统交付：采用组件化思维（非页面导向），使用功能命名（如 primary-action 而非 blue-button），用相对单位标注规格，完整覆盖交互状态。

显著优点

1. 实战导向：每个原则附带具体数值（8px、16px、44px、1.4-1.6），可直接落地执行
2. 约束激发创意：明确"移动端优先""渐变是增强而非拐杖"等边界条件，减少决策疲劳
3. 可访问性内建：原生集成色盲模拟、对比度检测、触控目标规范，非事后补救
4. 工程友好：强调组件化、Token 化、相对单位，天然匹配现代前端开发流程

潜在局限

• 领域聚焦：侧重数字产品界面，对印刷品、3D、动态图形覆盖有限
• 风格中立：提供的是通用原则，特定行业（金融严肃性 vs 游戏娱乐性）需额外校准
• 无自动化工具：纯文档型 Skill，不生成代码、不调用设计 API，需人工执行
• 个人开发者来源：T3 分级意味着缺乏机构背书，长期维护稳定性待观察

适合人群

• 独立开发者需快速建立设计规范
• 产品经理与工程师协作时统一设计语言
• 初创团队缺乏专职设计师时的基准参考
• 设计系统维护者审查既有规范完整性

常规风险

• 教条化风险：原则需结合品牌调性灵活调整，非绝对戒律
• 版本锁定建议：当前 1.0.0 为纯文档，若未来版本引入可执行代码需重新评估
• 跨文化适配：排版建议基于拉丁字符，CJK 等复杂文字系统需额外调整