赋予您的智能体集成、定制和使用 shadcn/ui 组件构建应用程序的能力,提供关于无障碍设计和 Tailwind CSS 的专家指导。
当您想要使用 Radix 或 Base UI 构建现代、无障碍的 Web UI 时
当您需要为项目定制主题、变体(variants)和 CSS 变量时
当您想要使用预构建的 UI 区块(如仪表板或身份验证表单)时
探索组件目录和元数据以找到合适的 UI 元素
使用 CLI 直接安装组件或手动集成它们
使用 Tailwind CSS 和 cn() 实用函数定制组件样式
通过类型检查、lint 检查和无障碍测试验证您的实现
你
设计一个带有导航链接和用户个人资料部分的仪表板侧边栏。
Agent
我将使用 shadcn 侧边栏区块作为基础。我已经集成了 NavigationMenu 和 Avatar 组件,应用了您品牌的 CSS 变量以实现自定义主题,并确保为所有仪表板链接提供了完整的键盘导航支持。
赋予您的智能体管理 shadcn/ui 项目的能力,支持添加、搜索和美化组件,同时遵循严格的设计系统规则和最佳实践。
让你的智能体能够快速构建并部署具有内置工具流、审批和生成式组件的现代 AI 聊天界面。
Gives your agent the ability to build beautiful, high-performance mobile applications using Expo Router, following Apple Human Interface Guidelines and modern React Native patterns.
赋予您的代理按照组合和复合组件等现代模式构建可重用 React 组件的能力。
赋予您的代理将专家级设计智能、可访问性标准和 UX 指南应用于 Web 和移动应用的能力。