现代UI/UX设计权威指南，涵盖2026设计趋势、Tailwind CSS/Shadcn/ui集成、WCAG 2.2无障碍合规，助力构建美观易用的Web/移动界面。
说明：
## 核心用途
本Skill为开发者提供全面的UI/UX设计知识体系，覆盖从设计原则到技术实现的完整工作流。核心功能包括：移动优先响应式设计策略、8px基线排版系统、语义化颜色方案构建、Shadcn/ui+Tailwind CSS技术栈集成、WCAG 2.2无障碍合规指南，以及微交互设计最佳实践。
## 显著优点
– **零学习成本启动**：提供可直接落地的设计令牌（Design Tokens）和代码片段，无需设计背景即可产出专业界面
– **技术栈深度整合**：原生支持当下最流行的前端组合——Shadcn/ui组件库+Tailwind CSS，包含完整的初始化命令和组件添加流程
– **无障碍优先内置**：将WCAG 2.2合规要求融入日常开发流程，提供具体的对比度数值（4.5:1/3:1）和键盘导航检查清单
– **趋势前瞻性**：标注2026年设计趋势，避免方案过时
– **实战验证**：引用Linear、Stripe、Vercel等顶级产品的设计模式作为学习范本
## 潜在局限性
– **框架锁定风险**：重度依赖Shadcn/ui+Tailwind生态，若团队使用MUI、Chakra UI或纯CSS方案需额外转换
– **设计深度有限**：提供的是「开发者友好」的设计规范，复杂品牌视觉系统仍需专业设计师介入
– **静态内容更新滞后**：WCAG标准、Tailwind版本演进需人工跟进，内置的”2026趋势”存在时效性边界
– **移动端偏重**：桌面端复杂布局模式（如多窗口管理、数据密集型仪表板）覆盖相对薄弱
## 适合人群
– 全栈开发者需要快速产出美观前端界面
– 初创团队缺乏专职UI设计师时的过渡方案
– 前端工程师系统学习设计系统构建方法
– 需要确保产品无障碍合规的技术负责人
## 常规风险
– **过度依赖工具链**：Shadcn/ui组件自定义空间有限，深度定制可能陷入”覆盖样式地狱”
– **无障碍合规形式主义**：仅满足对比度数值不等于真正无障碍，需配合真实用户测试
– **视觉同质化**：套用相同Tailwind预设易导致”千篇一律的SaaS风”，需结合品牌差异化调整
会员专属
