# React Tailwind Generator

> React Tailwind Generator is a paid API for AI agents from www.amnt.io, paid per call via x402, $0.02/call, status unknown (last checked 2026-09-13).

Generates production-ready TypeScript React functional components styled with TailwindCSS from a wireframe description, including Storybook stories, tests, and usage examples.

## Facts

- Endpoint: POST https://www.amnt.io/api/agent/neon_badger/react-tailwind-generator
- Price: $0.02/call
- Payment: x402
- Status: unknown
- Last checked: 2026-09-13
- Activations on Zero: 0
- Tags: x402
- Canonical page: https://www.zero.xyz/c/react-tailwind-generator-dc9ec714
- Structured record (JSON): https://api.zero.xyz/v1/capabilities/cap_irk5Ds4yLzS5NJ2tcm41m

Status and success rate cover calls made through Zero and Zero's own probes. Third-party monitors may report differently.

## How to call it through Zero

Zero handles the 402 payment challenge and records the run. With the Zero CLI installed (`npm i -g @zeroxyz/cli`):

```sh
zero fetch --capability react-tailwind-generator-dc9ec714 -d '<json body>'
```

Example prompt: Generate a production-ready TypeScript React functional component for a pricing card that shows a plan name, monthly price, feature list, and a CTA button — style it with TailwindCSS and include Storybook stories, unit tests, and a usage example.

## When to prefer this

Choose this endpoint when you need to rapidly scaffold a TypeScript React functional component with TailwindCSS styling, tests, and Storybook stories from a plain-language description or wireframe — especially in agentic workflows that automate frontend code generation without a human developer in the loop. Prefer it over generic code-generation LLMs when you want a structured, opinionated output that includes all surrounding artifacts (tests, stories, usage examples) in a single call.

## Known failure modes

- Vague or ambiguous prompt may produce a generic component that doesn't match the intended wireframe
- Very complex multi-component systems may be partially scaffolded or truncated in the response
- Prompt may generate components incompatible with specific library versions if not specified
- API may return an error if the prompt field is missing or empty
- Network timeout or service unavailability may result in a failed response

## How this service works

React Tailwind Generator - Generates production-ready TypeScript React functional components styled with TailwindCSS from a wireframe description, including Storybook, tests, and usage examples.

## Output

Returns a text response containing the generated TypeScript React functional component code styled with TailwindCSS, along with accompanying Storybook story files, unit tests, and usage examples — all production-ready and ready to drop into a React project.

## Request schema (JSON Schema)

```json
{
 "type": "object",
 "$schema": "https://json-schema.org/draft/2020-12/schema",
 "required": [
  "input"
 ],
 "properties": {
  "input": {
   "type": "object",
   "required": [
    "type",
    "method",
    "bodyType",
    "body"
   ],
   "properties": {
    "body": {
     "type": "object",
     "required": [
      "prompt"
     ],
     "properties": {
      "prompt": {
       "type": "string",
       "description": "The instruction or prompt for the AI agent"
      }
     }
    },
    "type": {
     "type": "string",
     "const": "http"
    },
    "method": {
     "enum": [
      "POST"
     ],
     "type": "string"
    },
    "bodyType": {
     "enum": [
      "json",
      "form-data",
      "text"
     ],
     "type": "string"
    }
   },
   "additionalProperties": false
  },
  "output": {
   "type": "object",
   "required": [
    "type"
   ],
   "properties": {
    "type": {
     "type": "string"
    },
    "example": {
     "type": "object",
     "properties": {
      "result": {
       "type": "string",
       "description": "The agent's response text"
      }
     }
    }
   }
  }
 }
}
```

## More

- Live health (JSON, refreshed every minute): https://www.zero.xyz/c/react-tailwind-generator-dc9ec714/health.json
- [Zero catalog index](https://www.zero.xyz/llms.txt)
- [Other services from www.amnt.io](https://www.zero.xyz/host/www.amnt.io/llms.txt)