formantlisted

> **Role:** Claude skill for form generation. Focus: deploy workflow, decision trees, quick reference. When deploy options change, update this file. Schema changes: also update `skill/SKILL.md`. # Formant — Build Forms from Natural Language Generate beautiful, one-question-at-a-time HTML forms. Forms are self-contained single HTML files with keyboard navigation, dark/light mode, smooth transitions, and multiple submit destinations. ## End-to-End Workflow 1. **Ask** what the user wants to collect **before** generating the schema: - **Questions and branching logic** — what to ask, in what order, any conditional flows - **Branding / theme** — *"Do you have a website URL I should match for colors and fonts?"* If they provide a URL, fetch it, extract the primary/accent color and font family, and add a `theme` block to the schema. Use `theme: { accent, accentHover?, defaultMode: "auto" }`. - **Response collection** — where should responses go? - **Excel download** (default, client-side) — works everywhere, no setup - **Connect Google Sheet** (one-click OAuth) — requires Worker + admin; use `--with-sheets` for Vercel - **Google Sheets** (Apps Script) — requires `scripts/setup-sheets.sh` - **Webhook** — POST to a URL (Zapier, Slack, custom API) - **Cloudflare D1** — requires Cloudflare deploy for server-side storage - **Vercel Postgres** — requires Vercel deploy with `service-vercel`; server-side storage + API key - **Local (IndexedDB)** — for