赋予您的代理使用 Tailwind CSS v4 令牌、组件和响应式模式构建生产级设计系统的能力。
使用 Tailwind v4 创建组件库时
使用 CSS 优先配置实施设计令牌和主题时
从 Tailwind v3 迁移到 v4 时
在 CSS 文件中使用 @theme 块定义主题
使用 Class Variance Authority (CVA) 创建组件变体
使用内置的网格（grid）和容器系统实施响应式布局
使用 @custom-variant dark 指令设置深色模式
你
我需要使用 Tailwind v4 设置一个新的设计系统. 你能帮我定义主色调和按钮组件吗？
Agent
我将创建一个 CSS 优先的配置, 使用 @theme 块以 OKLCH 值定义您的主色调令牌. 然后, 我将使用 Class Variance Authority 实施一个支持多个变体（如 primary, destructive 和 outline）的类型安全按钮组件. 该组件还将按照 v4 最佳实践包含对深色模式和焦点状态的内置支持。
赋予你的智能体使用系统化的设计令牌、布局规则和可访问性检查来产生生产级 UI 设计的能力。
赋予你的智能体创建独特的、生产级前端界面的能力，这些界面具有极高的审美质量和创意、非通用的代码。
赋予您的智能体分析来自 Stitch 项目的技术资产并将其综合为语义化的 DESIGN.md 文件的能力。
赋予你的智能体通过专注于意图驱动的设计，为仪表板、管理面板和 SaaS 工具构建高水准、一致的界面的能力。
Gives your agent the ability to design high-quality RESTful and GraphQL APIs following industry best practices and OpenAPI standards.
