LogoClawIndex
CasesSkillsAbout
LogoClawIndex

create_component - Create React/Next.js components following design standards

Creates new UI components using React 19, TypeScript, and Tailwind CSS

Tags

Updated: 2026-02-14

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Create component file
  • Write TypeScript code
  • Add Tailwind styling
  • Import required icons

Inputs

  • Component name
  • Component props definition
  • Project file structure

Outputs

  • TypeScript component file
  • Component implementation code
  • Component export statement

Requirements

  • React 19
  • TypeScript
  • Tailwind CSS v4
  • lucide-react icons

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.
frontend
react
nextjs
typescript
tailwind
Create component file
Write TypeScript code
Add Tailwind styling
Import required icons
Component name
Component props definition
Project file structure
TypeScript component file
Component implementation code
Component export statement