返回技能中心
UI 技能

UI 技能

@correctroadh
developmentUI DesignTailwind CSSAccessibility

为代理构建更好界面的观点约束和最佳实践。提供组件选择、动画、排版、布局和性能优化的指导,使用现代网络技术。

🚀 使用一致的、无障碍的界面指南快速构建。采用 Tailwind CSS 默认值、可访问组件原语和 motion/react 动画。这项技能确保你的 UI 遵循键盘导航、焦点管理和性能最佳实践。

💡 适合构建智能体驱动界面的团队,需要保持快速和可访问性。涵盖加载状态、错误处理、动画时序和排版——让你花更少时间讨论决策,花更多时间交付高质量界面。

✨ 内置约束防止常见陷阱,如布局动画、过度动画和无障碍交互。遵循堆栈一次,每次都交付更好的 UI。

GitHub

要求

Tailwind CSS

用于样式设计的实用优先 CSS 框架

motion/react

用于 JavaScript 驱动动画的动画库(原 framer-motion)

clsx

用于构建条件类名字符串的实用工具

Base UI / React Aria / Radix

用于键盘和焦点行为的可访问组件原语库