ui-design-guide

介绍

本 Skill 是一套完整的 UI 设计指南，帮助你在开发 Web 或小程序界面时快速获得视觉方向、界面层次、布局决策、设计规范及原型方案。它整合了从色彩系统、间距规则、组件库到多端适配的最佳实践，让设计决策有据可依。 使用方式很简单：直接向 AI 描述你的设计需求（如“设计一个电商首页，包含搜索栏、商品推荐和分类导航”），它会输出结构化的设计规范、布局建议、组件样式以及交互原型描述。你也可以要求它生成设计令牌、制定界面设计规范或搭建设计系统，辅助你完成从概念到落地的全过程。 适合 UI 设计师、产品经理和前端开发人员。设计师可快速获得设计方向与规范；产品经理能验证界面层次与用户流程；前端开发则能直接拿到可落地的布局参数和组件定义。 注意：本 Skill 提供的是设计原则、规范与原型描述，而非可直接运行的代码。它适合在设计阶段和评审阶段使用，不适合直接生成生产级 UI 代码或交互逻辑。建议结合具体设计工具（如 Figma、Sketch）一起使用。