UI Skills

概述

UI Skills 是一个专注于 UI/UX 设计的技能集合,旨在帮助 AI Agent 理解和应用现代界面设计原则。通过这个 Skill,AI 可以:

• 🎨 应用专业的 UI 设计原则和最佳实践
• 📱 创建响应式和用户友好的界面布局
• 🎯 遵循无障碍设计(Accessibility)标准
• 🖌️ 使用一致的设计系统和组件
• 📐 实现视觉层次和排版规范

核心功能

1. 设计原则指导

提供 UI/UX 设计的核心原则,包括视觉层次、色彩理论、排版和空间使用。

2. 组件库参考

涵盖常见 UI 组件的设计规范,如按钮、表单、导航、卡片等。

3. 设计系统

帮助建立和维护一致的设计系统,包括颜色、间距、字体等设计令牌。

4. 响应式设计

指导如何创建适配不同屏幕尺寸的响应式界面。

5. 无障碍设计

确保设计符合 WCAG 标准,对所有用户友好。

使用场景

• Web 应用设计: 创建现代化的 Web 应用界面
• 移动端设计: 设计移动优先的用户界面
• 设计系统构建: 建立企业级设计系统
• 原型设计: 快速创建高保真原型
• 设计评审: 评估和改进现有设计

设计领域覆盖

• 视觉设计: 色彩、排版、图标、插图
• 交互设计: 动效、状态、反馈、导航
• 信息架构: 内容组织、导航结构
• 用户体验: 用户流程、可用性、无障碍

技术栈

适用于主流设计和开发工具:

• Figma、Sketch、Adobe XD
• React、Vue、Angular 等前端框架
• Tailwind CSS、Material-UI、Ant Design 等 UI 库

总结

UI Skills 为 AI 提供了专业的 UI/UX 设计知识,使其能够生成符合现代设计标准的界面,帮助开发者和设计师快速创建美观、易用的用户界面。