{"uid":"cap_7twGHUk3y9JLsFqAmHWjw","slug":"zero-ui-service-andrew-228-workers-dev-zero-ui-spec-generator-d65cdda2","name":"Zero-UI Spec Generator","description":"Returns a JSON spec composed from zeroclick-ui components, suitable for live rendering. Free service — no payment required.","url":"https://zero-ui-service.andrew-228.workers.dev/v1/ui?utm_source=zero.xyz","method":"POST","headers":{},"bodySchema":{"definitions":{"GenerateRequest":{"type":"object","required":["intent"],"properties":{"format":{"enum":["json"],"type":"string","default":"json"},"intent":{"type":"string","minLength":1,"description":"Short identifier for the requested UI shape, e.g. 'elicit-project-requirements' or a free-form natural-language request."},"context":{"type":"object","description":"Arbitrary content/data the UI should incorporate (text, image URLs, prior selections, etc).","additionalProperties":{}},"history":{"type":"array","items":{"type":"object","required":["type"],"properties":{"type":{"type":"string"},"payload":{"type":"object","additionalProperties":{}}},"additionalProperties":false},"description":"Prior user actions in this session, oldest first."}},"additionalProperties":false}}},"responseSchema":{"definitions":{"UISpec":{"type":"object","required":["root"],"properties":{"root":{"type":"object","required":["component"],"properties":{"text":{"type":"string"},"props":{"type":"object","additionalProperties":{}},"children":{"type":"array","items":{"$ref":"#/definitions/UISpec/properties/root"}},"component":{"type":"string"}},"additionalProperties":false},"notes":{"type":"string"},"tokens":{"type":"object","properties":{"needs":{"type":"array","items":{"type":"string"},"default":[]}},"additionalProperties":false},"imports":{"type":"array","items":{"type":"string"},"default":[]}},"additionalProperties":false}}},"example":{"request":{"format":"json","intent":"create-user-onboarding-flow","context":{"appName":"Analytics Dashboard","userRole":"analyst","onboardingSteps":["profile-setup","data-source-connection","dashboard-customization"]},"history":[]},"response":{"root":{"props":{"gap":"xl"},"children":[{"props":{"gap":"md","align":"start"},"children":[{"text":"Get started with Analytics Dashboard","props":{"size":"display-sm","weight":"semibold"},"component":"Text"},{"text":"Complete these steps to set up your account and start analyzing your data.","props":{"size":"text-md","color":"tertiary"},"component":"Text"}],"component":"Stack"},{"props":{"type":"icons-centered","steps":[{"title":"Profile setup","description":"Create your analyst profile"},{"title":"Data source connection","description":"Connect your data sources"},{"title":"Dashboard customization","description":"Customize your dashboard"}],"currentStep":0},"component":"ProgressSteps"},{"props":{"radius":"lg","padding":"xl"},"children":[{"props":{"gap":"lg"},"children":[{"props":{"gap":"sm","align":"start"},"children":[{"text":"Step 1: Profile setup","props":{"size":"text-md","weight":"semibold"},"component":"Text"},{"text":"Tell us about yourself to personalize your analytics experience.","props":{"size":"text-sm","color":"tertiary"},"component":"Text"}],"component":"Stack"},{"props":{"gap":"lg"},"children":[{"props":{"name":"firstName","label":"First name","required":true,"placeholder":"Olivia"},"component":"Input"},{"props":{"name":"lastName","label":"Last name","required":true,"placeholder":"Rhye"},"component":"Input"},{"props":{"name":"email","type":"email","label":"Email address","required":true,"placeholder":"olivia@company.com"},"component":"Input"},{"props":{"name":"role","label":"Role","options":[{"label":"Data Analyst","value":"analyst"},{"label":"Business Analyst","value":"business"},{"label":"Product Manager","value":"product"},{"label":"Other","value":"other"}],"required":true},"component":"Select"}],"component":"Stack"}],"component":"Stack"}],"component":"Container"},{"props":{"icon":{"component":"FeaturedIcon"},"color":"brand","title":"Welcome to your onboarding","variant":"floating","description":"Follow each step to get your analytics dashboard ready. You can always update your settings later."},"component":"Alert"},{"props":{"gap":"md","justify":"end","direction":"horizontal"},"children":[{"text":"Back","props":{"variant":"secondary"},"component":"Button"},{"text":"Continue to next step","props":{"onClick":{"action":"proceed-to-data-source"},"variant":"primary"},"component":"Button"}],"component":"Stack"}],"component":"Stack"},"notes":"Multi-step onboarding flow for Analytics Dashboard. Step 1 (profile-setup) displayed with form inputs for name, email, and role. ProgressSteps component tracks position across three steps. Alert provides contextual guidance. Next step will advance to data-source-connection with connection form and progress update to currentStep=1. Final step will show dashboard-customization UI with customization options and a 'Complete setup' primary button. All form submissions wire back to orchestrator via action names.","tokens":{"needs":[]},"imports":["Stack","Text","Container","Input","Select","Button","ProgressSteps","Alert","FeaturedIcon"]}},"exampleRequest":{"format":"json","intent":"create-user-onboarding-flow","context":{"appName":"Analytics Dashboard","userRole":"analyst","onboardingSteps":["profile-setup","data-source-connection","dashboard-customization"]},"history":[]},"tags":[],"displayCostAmount":"unknown","displayCostAsset":"USDC","priceDynamic":false,"priceHint":null,"priceStatus":"unknown_unparsed","priceSource":"registry","requiresHandshake":false,"reviewCount":0,"rating":{"score":"0.00","successRate":"0.00","reviews":0,"stars":null,"state":"unrated"},"availabilityStatus":"unknown","priceObserved":null,"sessionDeposit":null,"pricing":{"kind":"unknown","summary":"price unknown","primary":{"kind":"unknown","protocol":"mpp","network":"tempo","amountUsd":null,"per":"call","confidence":"unknown"},"accepted":[{"kind":"unknown","protocol":"mpp","network":"tempo","amountUsd":null,"per":"call","confidence":"unknown"}]},"paymentMethods":[{"uid":"pm_FBgeZAwO0EA8z0XTmnE3t","protocol":"mpp","methodType":"crypto","chain":"tempo","mode":"charge","costAmount":"unknown","costPer":"request","priority":0,"asset":null,"unit":"request","depositMicros":null,"planRef":null}],"brandName":"zero-ui-service.andrew-228.workers.dev","brandSlug":"zero-ui-service-andrew-228-workers-dev-mpp","brandBaseUrl":"https://zero-ui-service.andrew-228.workers.dev","brandDocsUrl":null,"whatItDoes":"Generates a JSON UI spec composed from zeroclick-ui components based on a natural-language intent, suitable for live rendering.","exampleAgentPrompt":"Generate a zeroclick-ui JSON spec for an 'elicit-project-requirements' form — include fields for project name, description, deadline, and team size, and pass in context that this is for a software project scoping session.","exampleUseCases":[{"title":"Build user onboarding wizard","prompt":"Create a zeroclick-ui spec for a multi-step onboarding flow that walks new users through account setup, profile customization, and preference configuration. Make it feel friendly and progress-focused with a completion tracker."},{"title":"Generate a settings panel layout","prompt":"I need a zeroclick-ui JSON spec for a settings dashboard where users can manage notifications, privacy controls, and account details. Use sections and toggles to organize everything logically."},{"title":"Compose a data entry form dynamically","prompt":"Generate a zeroclick-ui spec for a customer feedback form with fields for rating, feedback text, contact info, and an optional follow-up checkbox. Keep it clean and include helpful placeholder text."}],"resultDescription":"A JSON object with a 'root' property describing the component tree (component name, props, children, text), plus optional 'notes', 'imports', and 'tokens.needs' arrays that indicate what UI tokens or imports are required for live rendering.","failureModes":["Missing required 'intent' field returns a validation error","Intent string of length 0 is rejected by minLength constraint","Malformed context object may cause unexpected output or error","Unrecognized component types in intent may result in generic fallback UI","Service unavailable returns a non-200 response from the Cloudflare Worker"],"whenToPreferThis":"Choose this endpoint when you need to programmatically generate a renderable UI component tree from a natural-language description using the zeroclick-ui component system. Ideal for AI agents that need to dynamically construct UI screens, forms, or wizards on the fly without hand-coding component structures. Best when the consuming system already supports zeroclick-ui rendering.","instructions":null,"reviewSummary":null,"reviewSummaryHighlights":null,"reviewSummaryConcerns":null,"reviewSummaryGeneratedAt":null,"activationCount":0,"lastUsedAt":null,"lastSuccessfullyRanAt":null,"lastHealthCheckAt":"2026-10-28T18:30:05.470Z","isFirstParty":false,"canonicalSlug":"zero-ui-service-andrew-228-workers-dev-zero-ui-spec-generator-d65cdda2"}