← 返回 Skills 市场
Shadcn Ui
作者
jgarrison929
· GitHub ↗
· v1.0.0
8752
总下载
8
收藏
70
当前安装
1
版本数
在 OpenClaw 中安装
/install shadcn-ui
功能描述
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
安全使用建议
Install this skill if you want shadcn/ui guidance. Run the suggested npx/npm commands only inside the intended project and review generated file changes; expect possible over-activation on some generic UI requests because several triggers are broad.
功能分析
Type: OpenClaw Skill
Name: shadcn-ui
Version: 1.0.0
The skill bundle is a comprehensive guide for using shadcn/ui, Tailwind CSS, react-hook-form, and zod. The `SKILL.md` primarily contains documentation and code examples for UI development. The `npx shadcn@latest` commands are standard for installing and adding shadcn/ui components, which is a legitimate and widely used library. There is no evidence of data exfiltration, malicious execution, persistence mechanisms, obfuscation, or prompt injection attempts against the agent beyond the stated purpose of providing UI development guidance.
能力评估
Purpose & Capability
The single SKILL.md provides UI implementation guidance for shadcn/ui, Tailwind CSS, react-hook-form, zod, theming, layouts, and common components, matching its stated purpose.
Instruction Scope
The trigger list includes broad UI terms such as component library, UI components, dialog, sheet, toast, and theming, which may cause over-activation on generic frontend requests but does not create high-impact authority.
Install Mechanism
The artifact is non-executable markdown, but its examples use npx shadcn@latest and npm install next-themes, which are expected for shadcn/ui setup and can modify the user's project.
Credentials
No credentials, secrets, local profile stores, broad filesystem indexing, account access, or sensitive data flows are requested.
Persistence & Privilege
No background workers, startup persistence, elevated privileges, destructive commands, obfuscation, or autonomous execution are present.
如何使用
- 确保已安装 OpenClaw（本地或 Docker 部署）
- 在对话框中输入安装命令：
/install shadcn-ui - 安装完成后，直接呼叫该 Skill 的名称或使用
/shadcn-ui触发 - 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
v1.0.0
shadcn-ui 1.0.0 – Initial Release
- Provides expert guidance for building UIs with shadcn/ui, Tailwind CSS, react-hook-form, and zod.
- Covers installation steps, component categories, and usage best practices.
- Includes detailed component tables for layout, navigation, data display, forms, actions, and feedback.
- Offers a complete react-hook-form + zod form pattern example using shadcn/ui components.
- Supports theming, dark mode, sidebar layouts, and mobile navigation use cases.
- Triggered by keywords like shadcn, radix, UI components, form pattern, and theming.
元数据
常见问题
Shadcn Ui 是什么？
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question. 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 8752 次。
如何安装 Shadcn Ui？
在 OpenClaw 或 Claude Code 对话框中运行命令「/install shadcn-ui」即可一键安装，无需额外配置。
Shadcn Ui 是免费的吗？
是的，Shadcn Ui 完全免费（开源免费），可自由下载、安装和使用。
Shadcn Ui 支持哪些平台？
Shadcn Ui 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。
谁开发了 Shadcn Ui？
由 jgarrison929（@jgarrison929）开发并维护，当前版本 v1.0.0。
推荐 Skills