LogoClawIndex
CasesSkillsAbout
LogoClawIndex

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.

frontend-shadcn - Modern React Frontend Development with ShadCN/UI and Tailwind CSS

Frontend development using Vite + React 19 + shadcn/ui + Tailwind CSS v4 + React Router v7 for creating web applications

Tags

Updated: 2026-02-18

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • add UI components
  • run development server
  • check TypeScript types
  • manage Node.js versions
  • generate project structure

Inputs

  • Node.js environment
  • package.json configuration
  • component specifications
  • tailwind.config.js
  • TypeScript configuration

Outputs

  • React components
  • UI pages
  • build artifacts
  • TypeScript type definitions
  • tailwind classes

Requirements

  • Node.js (managed via asdf)
  • npm package manager
  • TypeScript compiler
  • Vite build tool
  • React Router v7

Source

  • Spec: SKILL.md
frontend
react
typescript
tailwind
shadcn
vite
add UI components
run development server
check TypeScript types
manage Node.js versions
Node.js environment
package.json configuration
component specifications
React components
UI pages
build artifacts