formkit
The form framework for coding agents
FormKit is an agent skill that configures AI coding assistants with specialized knowledge for building web forms in React and Vue applications. The skill teaches agents to use FormKit's single-component API, which combines validation, accessibility, and data structuring into one primitive. By running the setup command, developers enable their coding agents to generate production-ready forms with co-located validation rules, automatic ARIA attributes, and self-structuring nested data without boilerplate code. The skill is compatible with Claude Code, Codex, Cursor, Cline, Gemini, OpenCode, Amp, and other AI coding assistants.
Key Features
Use Cases
- 01Configure coding agents to build authentication forms with email validation and password requirements
- 02Enable AI assistants to generate multi-step wizards with nested data structures
- 03Teach agents to create accessible contact forms compliant with WCAG standards
- 04Help coding agents build dynamic forms from JSON schemas for admin interfaces
- 05Guide AI to implement complex input types like autocomplete, datepicker, and drag-and-drop repeaters
- 06Enable agents to scaffold forms with internationalization support across 30+ languages
Related Skills
View moresuperpowers
An agentic skills framework & software development methodology that works.
skills
Skills for Real Engineers. Straight from my .agents directory.
skills
Public repository for Agent Skills
ponytail
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
formkit — FAQ
What is the FormKit agent skill?+
The FormKit agent skill is a configuration package that teaches AI coding assistants how to build forms using the FormKit framework in React and Vue applications. It provides agents with documentation, best practices, and examples for FormKit's component API, validation system, and data structuring patterns.
How do I install the FormKit skill for my coding agent?+
Run 'npx formkit skill' in your project directory. The command auto-detects whether you're using React or Vue and configures your coding agent with the appropriate FormKit documentation and examples.
Which AI coding assistants work with FormKit skill?+
The skill supports Claude Code, Codex, Cursor, Cline, Gemini, OpenCode, Amp, and other coding agents that can consume skill configurations. The setup command automatically adapts to your agent environment.
Do I need API keys or a license to use FormKit skill?+
The core FormKit framework and skill are MIT-licensed and free to use without API keys. FormKit Pro premium inputs require a separate license but are not required for the basic skill functionality.
What are the prerequisites for using FormKit skill?+
You need a React 18/19 or Vue 3 project and a compatible AI coding assistant installed. The skill setup requires Node.js and npm/npx to run the configuration command.
Can agents generate forms with validation and accessibility automatically?+
Yes, once configured with the skill, agents can generate FormKit components that include inline validation rules, automatic ARIA attributes, error messages, labels, and loading states without additional boilerplate code.
How do I install formkit?+
Open the source repository on GitHub and follow its README. formkit is a skill — MCP Agents Market links you directly to the official repo.
Is formkit free?+
formkit is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.