← Back to Skills Marketplace
Shadcn Ui
by
jgarrison929
· GitHub ↗
· v1.0.0
8775
Downloads
8
Stars
70
Active Installs
1
Versions
Install in OpenClaw
/install shadcn-ui
Description
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.
Usage Guidance
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.
Capability Analysis
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.
Capability Assessment
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.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install shadcn-ui - After installation, invoke the skill by name or use
/shadcn-ui - Provide required inputs per the skill's parameter spec and get structured output
Version History
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.
Metadata
Frequently Asked Questions
What is 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. It is an AI Agent Skill for Claude Code / OpenClaw, with 8775 downloads so far.
How do I install Shadcn Ui?
Run "/install shadcn-ui" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Shadcn Ui free?
Yes, Shadcn Ui is completely free (open-source). You can download, install and use it at no cost.
Which platforms does Shadcn Ui support?
Shadcn Ui is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Shadcn Ui?
It is built and maintained by jgarrison929 (@jgarrison929); the current version is v1.0.0.
More Skills