LogoClawIndex
CasesSkillsAbout
LogoClawIndex

shadcn-ui-expert - shadcn-ui React components expert

Build accessible React components with shadcn-ui, Tailwind CSS, and Radix UI

Tags

Updated: 2026-06-30

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Install shadcn-ui components
  • Create form components
  • Select UI components
  • Customize component styles
  • Validate form inputs
  • Configure theme colors
  • Add components via CLI
  • Initialize shadcn-ui
  • Integrate with frameworks
  • Build layout components

Inputs

  • Project requirements
  • Component specifications
  • Design tokens
  • Framework name
  • Component names
  • Configuration file

Outputs

  • React component code
  • Form validation schema
  • Theme CSS variables
  • Component files
  • Configuration file

Requirements

  • TypeScript
  • React
  • Node.js
  • Tailwind CSS
  • Next.js or Vite or Remix or Astro
  • shadcn-ui CLI

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.
React
UI Components
shadcn-ui
Tailwind CSS
Forms
Accessibility
Radix UI
Install shadcn-ui components
Create form components
Select UI components
Customize component styles
Project requirements
Component specifications
Design tokens
React component code
Form validation schema
Theme CSS variables