UI/UX设计大师

技能简介

UI/UX Master 是一套综合性的界面设计规范体系，整合 Apple 人机界面指南、现代网页设计模式、SuperDesign 原则及通用 UX 最佳实践，覆盖 iOS/macOS/watchOS/tvOS/visionOS 原生应用与 Web 端项目。

能做什么

• 输出符合 Apple HIG 的 iOS/macOS 应用设计方案
• 构建响应式网页与 PWA 的完整设计系统
• 制定色彩、字体、间距等原子级设计规范
• 设计按钮、表单、导航等组件的多状态交互
• 实现 WCAG 标准的无障碍访问支持

使用说明

本技能为知识参考型工具，无需安装。使用时直接引用各平台规范：

1. 确认目标平台（Apple 原生/Web/跨平台）
2. 查阅对应参考文档：apple-platforms.md / web-design.md / color-systems.md / typography.md / layout-patterns.md
3. 按 8pt 网格系统建立间距层级
4. 采用 oklch() 色彩空间定义语义化色板
5. 确保触摸目标不小于 44×44px，对比度不低于 4.5:1

输入与输出

见下方输入与输出表格。

风险提示

• 需人工判断平台特性与业务场景的匹配度
• 色彩对比度需配合实际环境光测试验证
• 动效参数需根据设备性能调整，避免卡顿
• 无障碍功能需配合真实辅助技术测试

来源信息

原始链接：https://github.com/openclaw/skills/tree/main/skills/kdbhalala/ui-ux-master/SKILL.md
来源类型：GitHub 开源技能库