Agent skill · Frontend

formkit

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

formkitgithub.com/formkitGitHub ↗
claude-codeMIT
Install
npx skills add formkit/formkit --skill formkit --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 3
SKILL.md size: 7 KB
Bundled scripts: none
Path: packages/cli/assets/skills/formkit/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 4,744
Language: TypeScript

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

# 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 - Distinguish core inputs from Pro inputs before recommending or implementing one. - Current Pro input docs routes are: - `/inputs/autocomplete` - `/inputs/colorpicker` - `/inputs/currency` - `/inputs/datepicker` - `/inputs/dropdown` - `/inputs/mask` - `/inputs/rating` - `/inputs/repeater` - `/inputs/slider` - `/inputs/taglist` - `/inputs/toggl

What's inside
Steps it walks through
  1. Install and setup
  2. Runtime selection
  3. FormKit Pro
  4. Mental model
  5. Styling and themes
  6. Core nodes
  7. Best practices
  8. Workflow
  9. Pulling specific docs
Ships with 2 files
  • agents/openai.yaml
  • references/docs-index.md
About this skill
What does the formkit skill do?

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

How do I install it?

Run `npx skills add formkit/formkit --skill formkit --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From formkit/formkit, a repository with 4,744 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going