High Risk:This skill has significant security concerns. Review the findings below before installing.

shadcn-ui

Caution·Scanned 2/18/2026

High-risk skill: Provides shadcn/ui documentation and registry tooling guidance. It instructs running npx shadcn@latest add commands, making network requests to https://v0.dev/chat/api/open?url=[URL], and writing environment variables to .env.local and home files like ~/.env.

from clawhub.ai·v1.0.0·850.2 KB·0 installs
Scanned from 0.1.0 at 9d2025e · Transparency log ↗
$ vett add clawhub.ai/leonaaardob/shadcn-uiReview security findings before installing

shadcn/ui Skill

Complete shadcn/ui component library documentation as an OpenClaw AgentSkill.

What's Included

  • 201 MDX files with full shadcn/ui documentation
  • 50+ component guides (Button, Dialog, Form, Table, Charts, etc.)
  • Installation guides for Next.js, Vite, Remix, Astro, Laravel, Gatsby
  • Theming and dark mode implementation
  • Form integration (React Hook Form, Tanstack Form, Zod)
  • Chart components (Recharts integration)
  • Data table patterns
  • CLI reference and configuration
  • Registry system documentation
  • Accessibility best practices

Installation

From Local Directory

clawhub install /path/to/shadcn-ui-skill

From Archive

clawhub install shadcn-ui.skill

Usage

This skill is automatically loaded by OpenClaw when available in the workspace skills directory.

Agents with this skill can answer questions about:

  • Installing and configuring shadcn/ui components
  • Component API reference and usage examples
  • Theming and customization
  • Framework integration (Next.js, Vite, Remix, etc.)
  • Form validation with React Hook Form and Zod
  • Building data tables with sorting, filtering, pagination
  • Chart implementation with Recharts
  • Accessibility best practices
  • Dark mode implementation

shadcn/ui Philosophy

Not a component library. It's a collection of re-usable components that you copy and paste into your apps.

Key Benefits

  • You own the code - Components are copied to your project, not imported from npm
  • Fully customizable - Modify components directly in your codebase
  • Built on Radix UI - Accessible, unstyled primitives
  • Styled with Tailwind - Utility-first CSS for easy customization
  • CSS Variables - Theme with CSS variables for consistent design
  • Framework agnostic - Works with Next.js, Vite, Remix, Astro, etc.

Documentation Source

Official documentation from:

File Structure

shadcn-ui/
├── SKILL.md              # Skill metadata and description
├── README.md             # This file
├── .gitignore            # Git ignore rules
└── docs/                 # Full shadcn/ui documentation (201 MDX files, 1.4MB)
    ├── installation/
    ├── components/
    ├── charts/
    ├── forms/
    ├── registry/
    └── ...

Tags

shadcn ui components tailwind radix react nextjs design-system accessibility theming documentation

License

Documentation content © shadcn. Skill package © OpenClaw Community, MIT License.