一款 AI skill，为跨多种平台与框架构建专业级 UI/UX 提供设计智能。
v2.0 新特性
智能设计系统生成
v2.0 的旗舰特性是设计系统生成器（Design System Generator）——一个 AI 驱动的推理引擎，能够分析你的项目需求，并在数秒内生成完整、量身定制的设计系统。
+----------------------------------------------------------------------------------------+
| 目标：Serenity Spa - 推荐设计系统 |
+----------------------------------------------------------------------------------------+
| |
| 模式：Hero 主视觉 + 社交证明 |
| 转化：情感驱动，辅以信任元素 |
| CTA：置于首屏，客户评价之后重复出现 |
| 版块： |
| 1. 主视觉 (Hero) |
| 2. 服务 |
| 3. 客户评价 |
| 4. 预约 |
| 5. 联系我们 |
| |
| 风格：柔和 UI 进化版 (Soft UI Evolution) |
| 关键词：柔和阴影、细腻层次、宁静、高级质感、有机形状 |
| 适用：健康养生、美容、生活方式品牌、高端服务 |
| 性能：cost:low | 无障碍：risk:conditional；需验证具体要求 |
| |
| 配色： |
| 主色： #E8B4B8 (柔和粉) |
| 辅色： #A8D5BA (鼠尾草绿) |
| CTA 色： #D4AF37 (金色) |
| 背景： #FFF5F5 (暖白) |
| 文字： #2D3436 (炭灰) |
| 备注：宁静的配色，金色点缀营造奢华感 |
| |
| 字体：Cormorant Garamond / Montserrat |
| 调性：优雅、宁静、精致 |
| 适用：奢侈品牌、健康养生、美容、编辑类 |
| Google Fonts: https://fonts.google.com/share?selection.family=... |
| |
| 关键效果： |
| 柔和阴影 + 符合语境的过渡动画 + 细腻悬停状态 |
| |
| 避免 (反模式)： |
| 高饱和霓虹色 + 生硬动画 + 深色模式 + AI 紫/粉渐变 |
| |
| 交付前检查清单： |
| [ ] 不用 emoji 充当图标 (使用 SVG：Heroicons/Lucide) |
| [ ] 所有可点击元素设置 cursor-pointer |
| [ ] 交互时长遵循平台、组件与用户偏好设置 |
| [ ] 浅色模式下文字对比度不低于 4.5:1 |
| [ ] 键盘导航的焦点状态清晰可见 |
| [ ] 遵循 prefers-reduced-motion 偏好 |
| [ ] 文本、chip 与 badge 重排时不被裁切、不破坏标签 |
| [ ] 响应式断点：375px、768px、1024px、1440px |
| |
+----------------------------------------------------------------------------------------+
以上为 README 的开头部分。其余内容请阅读原文。 查看完整 README ↗
