LogoClawIndex
CasesSkillsAbout
LogoClawIndex

react-shadcn - shadcn/ui React Components with TanStack Form

Build accessible React UI components with Radix UI primitives and Tailwind CSS styling

Tags

Updated: 2026-03-20
ReactUI Componentsshadcn/uiTailwind CSSFormsAccessibilityRadix UITanStack Form

Capabilities

install shadcn componentsbuild UI componentscreate form fieldsimplement dialogs

Typical Inputs

React projectcomponent specificationsconfiguration settings

Typical Outputs

React component filesform component filesdialog component files

What this skill does

  • install shadcn components
  • build UI components
  • create form fields
  • implement dialogs
  • create data tables
  • build navigation menus
  • add toast notifications
  • configure themes
  • search component registry
  • view component code

Inputs

  • React project
  • component specifications
  • configuration settings
  • theme preferences
  • form field requirements

Outputs

  • React component files
  • form component files
  • dialog component files
  • data table files
  • navigation menu files
  • toast notification files
  • styled component code

Requirements

  • React 19
  • Tailwind CSS v4
  • shadcn/ui 3.8.0
  • MCP server integration
  • Node.js environment

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.