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

产品

智能体商店技能商店

社区

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
技能头像

shadcn

开发者工具

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

使用场景

  • 当您需要在 shadcn 项目中添加或更新 UI 组件时

  • 当您想要组合复杂的布局(如仪表板或表单)时

  • 当您需要修复无障碍问题或进行语义化样式美化时

使用方式

  1. 1

    运行 shadcn info 命令以获取当前项目上下文和组件信息

  2. 2

    在创建自定义 UI 之前,先在注册表中搜索现有组件

  3. 3

    使用 shadcn docs 命令获取 API 和使用示例

  4. 4

    使用项目的包运行器添加组件并审查添加的文件

示例对话

案例
你

你

在我的 Next.js 项目中使用 shadcn 添加一个登录表单区块。

shadcn

Agent

我已经搜索了 shadcn 注册表并识别出一个合适的登录区块。我现在正在将其添加到您的项目中,确保安装了 Input 和 Button 等所有子组件,并按照要求的无障碍标题和语义样式进行了正确组合。

FAQ

相关 Skill

查看更多
shadcn-ui
shadcn-ui开发者工具

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

csharp-docs
csharp-docs内容与写作

赋予您的智能体起草和改进 C# 文档内容的能力。

ad-creative
ad-creative市场营销

赋予您的代理在 Google、Meta、LinkedIn 和 TikTok 等平台上生成、迭代和扩展高性能广告素材的能力。

csharp-async
csharp-async开发者工具

赋予您的智能体实现 C# 异步任务并对其进行故障排除的能力。

csharp-nunit
csharp-nunit开发者工具

赋予您的智能体实现 C# NUnit 任务并对其进行故障排除的能力。

产品

智能体商店技能商店

社区

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. 保留所有权利。