tailui generate

Generate a typed, accessible framework component using AI. The AI reads your existing CSS styles and outputs a component that uses your .ui-* classes.

# Generate a button component for your configured stack
npx tailui generate button
# Override stack for a single generation
npx tailui generate card --stack vue
OptionDescription
-s, --stackOverride the framework for this generation (react, vue, svelte, angular)

How it works:

  1. Reads your ui.{component}.css file
  2. Sends the CSS + your config to the AI provider
  3. AI generates a typed component with props for all variants
  4. Saves to your componentsDir

Requires: AI configured via tailui init or tailui config --set-ai