component-gen

Installation
SKILL.md

Component Gen

Starting a new React component from scratch is tedious. You know what you want, a card with an image, title, and action buttons, but setting up the boilerplate takes longer than it should. This tool takes a plain English description and generates a complete React component. TypeScript, Tailwind, whatever you need.

One command. Zero config. Just works.

Quick Start

npx ai-component "a pricing card with plan name, price, features list, and CTA button"

What It Does

  • Generates complete React components from plain English descriptions
  • Optional TypeScript output with proper type annotations
  • Tailwind CSS support with the --tailwind flag
  • Can write directly to a file or print to stdout
  • Produces clean, production-ready component code
Installs
5
First Seen
Mar 12, 2026
component-gen from skills.volces.com