# Open Form

- [Introduction](/docs): The form framework built for agents.
- [Getting started](/docs/getting-started): Scaffold a workspace and collect your first response in a few minutes.

- **Core features**
- [Studio](/docs/core-feature/studio): Browse forms, preview them on every device, read responses and adjust the schedule.
- [Edit mode & comments](/docs/core-feature/edit-mode): Select anything in the preview, change its text in place, or leave a note for your agent.
- [Themes](/docs/core-feature/themes): Five starters and your own references to start from. Each form keeps its own copy of its look.
- [Submissions & protection](/docs/core-feature/submissions): Limits, deadlines, one response per person, spam protection and what happens after submit.
- [Languages](/docs/core-feature/languages): Write a form in one language, translate it into others, and keep every response in one table.
- [Responses & export](/docs/core-feature/responses): Where responses are stored, how to browse them in Studio, and how to get them out.

- **Components**
- [Form](/docs/components/form): The root component, the form file contract, Submit and Success.
- [Page](/docs/components/page): Split a form into steps, and arrange content inside them.
- [Fields](/docs/components/fields): Every built-in input, what it stores, and how it validates.
- [When](/docs/components/when): Show fields and steps only while a condition on earlier answers holds.
- [Custom fields](/docs/components/custom-fields): Turn any React UI into a field with useField and FieldShell.
- [Layouts and chrome](/docs/components/layouts): Replace how fields, steps and screens look without touching behavior.
- [Live answers and navigation](/docs/components/hooks): Hooks for previews, summaries, custom navigation and translated copy.

- **Skills**
- [Overview](/docs/skills/overview): How Open Form and your coding agent work together.
- [/create-form](/docs/skills/create-form): Takes a new form from a one-line request to a reviewed, working form.
- [/form-authoring](/docs/skills/form-authoring): The technical reference the agent reads before writing or editing a form.
- [/create-theme](/docs/skills/create-theme): Turns your design system, a screenshot or a brief into a reference theme for new forms.
- [/current-form](/docs/skills/current-form): Resolves "this form", "this step" and "this field" to a file and a line.
- [/apply-comments](/docs/skills/apply-comments): Turns the notes you leave in Studio into code edits.

- **CLI**
- [Overview](/docs/cli/overview): One CLI to scaffold, run, check and ship your forms.
- [open-form init](/docs/cli/init): Scaffold a new forms workspace.
- [open-form dev](/docs/cli/dev): Run the dev server with Studio, hot reload and agent integration.
- [open-form build](/docs/cli/build): Build your forms, Studio and server for production.
- [open-form start](/docs/cli/start): Serve the production build — forms, API and SQLite in one process.
- [open-form check](/docs/cli/check): Load forms the way the server does and print their schema, or the exact error.
- [open-form create](/docs/cli/create): Create a new form from the starter.
- [open-form delete](/docs/cli/delete): Delete a form, its files and every response it has.
- [open-form list](/docs/cli/list): List your forms and how many responses each has.
- [open-form responses export](/docs/cli/responses-export): Export a form's responses as CSV, Excel or JSON.
- [open-form theme](/docs/cli/theme): List themes, copy one into a form, check contrast, add a starter, and add Google Fonts.
- [open-form comments](/docs/cli/comments): List the review notes left in Studio.
- [open-form sync:skills](/docs/cli/sync-skills): Update the agent skills in your workspace from the installed open-form.

- **Deploy**
- [Production](/docs/deploy/production): Build once, run one Node process, and keep the database on a persistent disk.
- [Next.js](/docs/deploy/nextjs): Mount the Open Form API in a Next.js app and render forms in your own pages.
- [Embed on another site](/docs/deploy/embed): Put a form on a blog, landing page or docs site with one snippet.
- [Webhooks](/docs/deploy/webhooks): POST every new response to Zapier, your own API or any other service, signed and retried.

- **Reference**
- [defineForm](/docs/reference/define-form): Every key of a form's config export, with defaults.
- [open-form.config.ts](/docs/reference/config): Project-wide configuration with defineConfig.
- [defineTheme](/docs/reference/define-theme): Theme tokens, dark mode, components and the --of-* CSS variables.
- [HTTP API](/docs/reference/http-api): The routes every Open Form server answers under /api, and the handler behind them.
- [Storage](/docs/reference/storage): The SQLite database, the StorageAdapter interface and its built-in adapters.