用途:这是一份跨平台 UI 设计规范,用于在构建任何用户界面组件(按钮、表单、卡片、导航等)时,让 SwiftUI、Android Studio 与 Web 应用的视觉风格保持现代、专业且一致。
主要能力:给出核心设计原则,包括简洁留白、配色(中性灰白为底,仅选一个强调色,如 Emerald #10B981、Indigo #6366F1、Rose #F43F5E、Amber #F59E0B,避免通用紫蓝渐变)、8px 间距网格(8/16/24/32/48/64px)、字体层级(正文最小 16px,最多两种字体)、轻量阴影、圆角(小元素 6-8px,卡片 8-12px,大面板 12-16px)以及交互状态(hover、active、disabled、focus)。还提供按钮、卡片、表单、导航的组件模式与移动优先的响应式断点(<640px、640-1024px、>1024px),并附设计质量检查清单与需避免的反模式。
使用方式:资料未提供安装命令或调用方式,仅说明该技能捆绑了参考资源 references/color-palettes.md(配色方案与平台实现示例)和 references/component-templates.md(SwiftUI、Android Compose、React 的按钮、卡片、表单、导航模板),在选色或实现具体组件时参考。
适用场景:需要统一多端 UI 风格、快速确定配色与间距规范、或实现常见组件时。
限制:资料未说明收费、价格、平台支持范围或效果保证;具体安装与集成步骤暂未提供。