核心用法
UI Design Optimizer 是一款专业级设计智能技能，专为开发者和设计师提供系统化的UI/UX解决方案。其核心能力在于通过自然语言触发，自动生成完整的设计系统规范，包括页面结构模式、视觉风格、配色方案、字体配对、动效指南及交付检查清单。
使用方式极为直观：用户只需描述项目场景（如"为金融科技SaaS设计深色仪表盘"），技能即自动匹配行业最佳实践，输出包含具体色值（hex代码）、Google Fonts链接、WCAG无障碍等级评估的设计文档。支持通过ClawHub一键安装或手动部署，并可持久化存储设计系统至MASTER.md供长期项目迭代使用。
显著优点
行业深度适配：覆盖SaaS、金融科技、医疗健康、电商等七大领域，内置100条结构化推理规则，而非泛泛的通用建议。例如医疗行业自动规避高饱和配色，金融科技自动强化数据可视化组件。
技术栈全覆盖：原生支持13种技术框架，从React/Next.js/shadcn/ui到Vue/Nuxt，再到SwiftUI、Flutter等移动端方案，输出代码可直接对接开发环境。
设计资产系统化：67种UI风格（含Glassmorphism、Claymorphism等前沿趋势）、96种行业配色、57种字体配对形成可组合的设计资产库，避免"每次从零开始"的低效。
工程化交付标准：预置交付检查清单（emoji禁用、cursor-pointer规范、4.5:1对比度、prefers-reduced-motion支持等），弥合设计与开发之间的执行鸿沟。
潜在局限
风格同质化风险：依赖预设模板库，高度创新的品牌视觉可能受限；极端小众行业（如量子计算、空间计算）的规则覆盖深度不及主流领域。
动态内容支持不足：当前主要针对静态页面结构（Landing Page、Dashboard），对复杂交互流程（如多步骤表单、实时协作编辑）的设计指导较弱。
本地化字体缺失：字体推荐以Google Fonts为主，中文排版的系统字体适配（如苹方、思源黑体）需手动调整。
适合人群
- 独立开发者/全栈工程师：快速产出专业级UI而无需雇佣专职设计师
- 早期创业团队：在品牌设计资源有限时建立可扩展的设计系统
- 设计系统负责人：作为基准规范，在此基础上进行品牌差异化定制
- 教育培训场景：学习现代UI设计模式与行业最佳实践的结构化参考
常规风险
无障碍合规依赖人工复核：虽然技能标注WCAG等级，但实际色盲模拟、屏幕朗读器测试仍需独立验证。
技术栈版本漂移：框架（如Next.js App Router演进）与组件库更新可能导致代码片段需微调。
版权与字体授权：Google Fonts部分字体存在商业使用限制，生产环境需核实SIL OFL等授权协议。