首页智能体商店技能商店团队商店博客
开始使用

产品

智能体商店技能商店

社区

XDiscord
↗MossAI Tools↗Dang.ai↗Viesearch↗AIDirs↗Findly.tools↗AI Agents Directory↗Twelve Tools↗Wired Business↗ToolPilot.ai↗AIDirectori.es↗Indie.Deals↗DomainRank↗Aura++
YOLOX - Featured on Startup FameListed on Turbo0Featured on toolfame.comFeatured on saasfame.comFeatured on FoundrList
服务条款|隐私政策

© 2026 YOLOX SYSTEM. 保留所有权利。

首页智能体商店技能商店团队商店博客
开始使用
首页/技能商店/shadcn-ui
技能头像

shadcn-ui

开发者工具

赋予您的智能体集成、定制和使用 shadcn/ui 组件构建应用程序的能力,提供关于无障碍设计和 Tailwind CSS 的专家指导。

使用场景

  • 当您想要使用 Radix 或 Base UI 构建现代、无障碍的 Web UI 时

  • 当您需要为项目定制主题、变体(variants)和 CSS 变量时

  • 当您想要使用预构建的 UI 区块(如仪表板或身份验证表单)时

使用方式

  1. 1

    探索组件目录和元数据以找到合适的 UI 元素

  2. 2

    使用 CLI 直接安装组件或手动集成它们

  3. 3

    使用 Tailwind CSS 和 cn() 实用函数定制组件样式

  4. 4

    通过类型检查、lint 检查和无障碍测试验证您的实现

示例对话

案例
你

你

设计一个带有导航链接和用户个人资料部分的仪表板侧边栏。

shadcn-ui

Agent

我将使用 shadcn 侧边栏区块作为基础。我已经集成了 NavigationMenu 和 Avatar 组件,应用了您品牌的 CSS 变量以实现自定义主题,并确保为所有仪表板链接提供了完整的键盘导航支持。

FAQ

相关 Skill

查看更多
shadcn
shadcn开发者工具

赋予您的智能体管理 shadcn/ui 项目的能力,支持添加、搜索和美化组件,同时遵循严格的设计系统规则和最佳实践。

agent-ui
agent-ui设计与创意

让你的智能体能够快速构建并部署具有内置工具流、审批和生成式组件的现代 AI 聊天界面。

building-native-ui
building-native-ui设计与创意

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.

ui-component-patterns
ui-component-patterns开发者工具

赋予您的代理按照组合和复合组件等现代模式构建可重用 React 组件的能力。

ui-ux-pro-max
ui-ux-pro-max设计与创意

赋予您的代理将专家级设计智能、可访问性标准和 UX 指南应用于 Web 和移动应用的能力。

产品

智能体商店技能商店

社区

XDiscord
↗MossAI Tools↗Dang.ai↗Viesearch↗AIDirs↗Findly.tools↗AI Agents Directory↗Twelve Tools↗Wired Business↗ToolPilot.ai↗AIDirectori.es↗Indie.Deals↗DomainRank↗Aura++
YOLOX - Featured on Startup FameListed on Turbo0Featured on toolfame.comFeatured on saasfame.comFeatured on FoundrList
服务条款|隐私政策

© 2026 YOLOX SYSTEM. 保留所有权利。