# FormKit Forms

Builds FormKit forms with validation, schemas and custom inputs in Vue or React.

- Repository: https://github.com/formkit/formkit (4783 stars)
- Category: Engineering
- License: MIT
- Last updated: 2026-07-24
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add formkit/formkit --skill formkit -g -a claude-code -y`
Codex: `npx skills add formkit/formkit --skill formkit -g -a codex -y`
Cursor: `npx skills add formkit/formkit --skill formkit -g -a cursor -y`
Gemini CLI: `npx skills add formkit/formkit --skill formkit -g -a gemini-cli -y`

## Description

Use when working with FormKit forms, validation, schema, or custom inputs in React, Vue, or Nuxt projects.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# FormKit

Use this skill when you are building, debugging, or refactoring FormKit forms, inputs, schema, validation, plugins, or node-tree behavior.

## Install and setup

- Install or refresh this skill with `npx formkit skill`.
- The installer copies the skill to `~/.codex/skills/formkit`.
- The installer can also wire project instructions for Codex (`AGENTS.md`) and Claude Code (`CLAUDE.md`).
- For OpenCode, Cline, Gemini, Qwen, Amp, pi, Cursor, Copilot, and Crush, the installer prints a ready-to-paste project instructions block.

## Runtime selection

- FormKit has both React and Vue/Nuxt runtimes.
- Match the docs flavor to the project:
  - React or Astro-with-React: `https://formkit.com/<page>.react.md`
  - Vue or Nuxt: `https://formkit.com/<page>.vue.md`
- The full route index for both runtimes is in `references/docs-index.md`.

## FormKit Pro

The rest: https://github.com/formkit/formkit/blob/HEAD/packages/cli/assets/skills/formkit/SKILL.md