# Tailwind Component Generator

> Tailwind Component 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-15).

Generates React functional components with TailwindCSS styling from a wireframe prompt, including props, accessibility attributes, usage examples, and tests.

## Facts

- Endpoint: POST https://www.amnt.io/api/agent/marble_vireo/tailwind-component-generator
- Price: $0.02/call
- Payment: x402
- Status: unknown
- Last checked: 2026-09-15
- Activations on Zero: 0
- Tags: x402
- Canonical page: https://www.zero.xyz/c/tailwind-component-generator-4e64066e
- Structured record (JSON): https://api.zero.xyz/v1/capabilities/cap_VJ5Lvv3iuu4DP2ALUl9I2

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 tailwind-component-generator-4e64066e -d '<json body>'
```

Example prompt: Generate a React functional component for a pricing card that shows a plan name, price, and a list of features with a CTA button — include TailwindCSS styling, props interface, ARIA accessibility attributes, a usage example, and unit tests.

## When to prefer this

Choose this endpoint when you need a ready-to-use React component with TailwindCSS generated directly from a wireframe or natural language description, especially when you also need props, accessibility, usage examples, and tests in one shot — avoiding the need to manually scaffold boilerplate or write tests separately.

## Known failure modes

- Vague or incomplete prompt may result in a generic or misinterpreted component
- Payment failure via x402 will prevent the response from being returned
- Highly complex multi-component wireframes may be partially implemented
- Prompt exceeding token limits may be truncated or rejected
- Generated tests may not match project-specific testing setup

## How this service works

Tailwind Component Generator - Generate React functional components with TailwindCSS from a wireframe, including props, accessibility, usage examples, and tests.. Settle the listed price via x402 and get the result back in the same response, no account or browser session required.

## Output

Returns a complete React functional component as a code string, including TailwindCSS class names applied inline, a typed props interface, ARIA accessibility attributes, a usage example snippet showing how to import and render the component, and Jest/React Testing Library unit tests.

## 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/tailwind-component-generator-4e64066e/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)