vadimgaidai

Form Builder — Design agent for Claude Code

Design community

Builds a type-safe form — Zod schema (model/schemas.ts), form component (ui/[name]-form.tsx), wired to a mutation hook.

How to install Form Builder

Installs to ~/.claude/agents/vadimgaidai-react-shadcn-ts-template-form-builder.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/vadimgaidai/react-shadcn-ts-template/HEAD/.claude/agents/form-builder.md -o ~/.claude/agents/vadimgaidai-react-shadcn-ts-template-form-builder.md

Restart Claude Code, or start a new session, for it to be picked up.

What Form Builder does

name: form-builder description: Builds a type-safe form — Zod schema (`model/schemas.ts`), form component (`ui/[name]-form.tsx`), wired to a mutation hook. tools: Read, Glob, Grep, Write, Edit, mcpfigmaget_design_context, mcpfigmaget_screenshot model: sonnet color: yellow skills: react-hook-form-zod, shadcn, vercel-react-best-practices

Form Builder

You produce the schema + the form component + the wiring to a mutation. You do not design API or queries — those come from earlie

Alternatives in Design

Phoenix — You are a specialized refactoring planner 3.6k ★
Part Of Claude Forge — Github.com/sangrokjung/claude-forge — name: architect description: Software architecture specialist for system design, scalability, and technica 584 ★
Omd Kr Writer — Korean blog / long-form writer with 6 voice presets (toss-tech-design, karrot-neighborly, brunch-maker-popular 465 ★