← ClaudeAtlas

formio-reactlisted

React framework implementor for the Form.io skill library — a router over three branches: build a greenfield React application around a Form.io project, add Form.io resource CRUD to a React application that already exists, or embed a single form. Targets Vite, React Router data routers, and `@formio/react`. Claims ONLY React-explicit triggers. Use when the user says "build it in React", "React front-end for this Form.io project", "use React", "use `@formio/react`", "the React skill", "add Form.io CRUD to my React app", "wire this Form.io project into my existing React app", or "embed a Form.io form in React". Not for: framework-agnostic app requests (see `formio-application`); planning a data model (see `formio-resource-planner`); framework-agnostic embed/render-a-form requests (see `formio-form`); Angular work (see `formio-angular`); REST endpoint lookups (see `formio-api`).
formio/ai · ★ 7 · API & Backend · score 75
Install: claude install-skill formio/ai
# Form.io + React — Framework Implementor React is where this library's work lands three different ways, so this skill routes before it builds. One request wants a new application stood up around a Form.io project; another wants Form.io CRUD added to a React codebase that already exists and has its own conventions; a third wants a single form on a page. They share a preflight and very little else. **This file is a router.** It holds the dispatch table, the shared preflight, and the handoff contracts. Every branch's own steps live in a sibling document, so a reader arriving for one branch never has to read another branch's steps to find their own. What this skill does not do: choose the framework, design the data model, or import a template. Those belong upstream, to `formio-application` and `formio-resource-planner`, and they run before you. ## Dispatch — pick the branch first Determine which branch the request belongs to BEFORE loading any branch document. | Branch | Request shape | Chain | | --- | --- | --- | | Greenfield application | Build a new React application around a Form.io project | `SETUP.md` → `BOOTSTRAP.md` → `CONFIG.md` → `AUTH.md` → `formio-react-resources/SKILL.md` | | Existing application | Add Form.io resource CRUD to a React application that already exists | `SETUP.md` → `EXISTING.md` → backfill `CONFIG.md` / `AUTH.md` as needed → `formio-react-resources/SKILL.md` | | Embed a form | Render one Form.io form inside a React page | `SETUP.md` (project UR