Agent Form Generator

Watch AI dynamically generate form fields based on context with a live preview that updates as the agent builds the form.

Features

  • Dynamic Fields: AI adds, removes, and reorders fields in real time as it understands the requirements
  • Live Preview: Side-by-side preview that renders the form as the agent constructs it
  • Validation Rules: Auto-generated validation constraints for each field type
  • Field Types: Support for text, number, select, checkbox, date, file upload, and custom inputs
  • Schema Export: Export the finished form as JSON Schema or code for direct integration

Examples

Customer Onboarding Form

Form builder

Renewal action request · Collect the owner, risk level, and next action.

Fields

Order and validation

Account name text

Required · Minimum 2 characters · Maximum 80 characters

Account owner email email

Required · Pattern validation

Renewal risk select

Required

Recommended action textarea

Required · Maximum 500 characters

Due date date

Optional

Notify account owner checkbox

Optional

6 fields · 4 required · Schema version 1

Installation

npx shadcn@latest add "https://agents-ui.github.io/agents-kit/c/agent-form-generator.json"