Topic · Frontend & Design

Best forms and validation skills for Claude Code, Codex and other agents.

Skills that build accessible forms with client- and server-side validation.
skills
189
official
7

Forms and validation skills, ranked

Ranked by score. Sort bymost stars,trending,newest,recently updated

Forms and validation skills, ranked
#SkillRepositoryStarsUsed inTokensAuto-checkLicenceUpdated
1

A skill your agent uses for Laravel MCP development. An agent skill from coollabsio/coolify.

coollabsio/coolify63k1 repo~949Automated safety check: PassMITtoday
2

Audits and fixes HTML accessibility problems such as ARIA labels, keyboard navigation, focus management, contrast and form errors with minimal changes.

ibelick/ui-skills9.4k4 repos~1.2kAutomated safety check: PassMITyesterday
3

Shows how to build forms with Formik and Yup validation, including conditional rules, field helpers, GraphQL submission, edit forms and multi-step flows.

ChrisWiles/claude-code-showcase6.1k3 repos~2.1kAutomated safety check: PassNo licence9 mo ago
4

Rules for writing Vue 3 templates with Buefy components on Bulma CSS: install options, prop conventions, b-field wrapping, tables, theming and dialogs.

buefy/buefy9.5k—~8.2kAutomated safety check: PassMIT29 days ago
5

A skill your agent uses when working with FormKit forms, validation, schema, or custom inputs in React, Vue, or Nuxt projects.

formkit/formkit4.8k—~1.7kAutomated safety check: PassMIT2 mo ago
6

Build end-to-end type-safe tRPC APIs inside NestJS using the nestjs-trpc adapter — @Router/@Query/@Mutation/@Subscription decorators, TRPCModule.forRoot, injectable middlewares and context, Zod…

trycompai/crm11k—~2.8kAutomated safety check: PassMIT26 days ago
7

Build or review Langfuse backend code. An agent skill from langfuse/langfuse.

langfuse/langfuse35k—~1.9kAutomated safety check: PassUnknowntoday
8

A skill your agent uses for any task or question involving Livewire.

coollabsio/coolify63k—~964Automated safety check: PassMITtoday
9
9.Zod

Zod schema validation best practices for type safety, parsing, and error handling.

jasonjgardner/blockbench-mcp-plugin4883 repos~1.4kAutomated safety check: PassGPL-3.06 days ago
10

A skill your agent uses for any task or question involving Livewire.

yungifez/skuul4091 repo~1.9kAutomated safety check: PassMIT2 days ago
11

Guides semantic, accessible HTML work: pages, forms, media and HTML5 APIs, plus how to deliver a runnable webpage project with a preview.

TokenRhythm/opensquilla7.1k—~1.4kAutomated safety check: PassApache-2.03 days ago
12

Upgrade @figma/plugin-typings and absorb what the new version exposes.

awdr74100/figwright977—~3.3kAutomated safety check: PassMITtoday
13

Create and manage SillyTavern Character Cards (角色卡) and World Books (世界书).

echo-xianyu/worldbook-skill211—~1.8kAutomated safety check: PassUnknown4 mo ago
14

Core Regle form validation in Vue 3 — setup with useRegle, the reactive r$ object, validation properties, displaying errors, and modifiers.

victorgarciaesgi/regle506—~840Automated safety check: PassMIT9 days ago
15

A skill your agent uses when writing, editing, reviewing, or running Helm chart tests for the Astronomer APC repository.

astronomer/astronomer491—~3.2kAutomated safety check: PassUnknownyesterday
16

A skill your agent uses when working with BuzzForm schema-driven forms, @buildnbuzz/form-core, @buildnbuzz/form-react, or any related APIs like defineSchema, InferType, FormProvider, useDataField…

buildnbuzz/buzzform101—~1.5kAutomated safety check: PassMIT4 mo ago
17

Migrate Vuelidate form validation to Regle. An agent skill from victorgarciaesgi/regle.

victorgarciaesgi/regle506—~752Automated safety check: PassMIT9 days ago
18

A skill your agent uses when writing, editing, reviewing, or running Helm chart tests for the Astronomer airflow-chart repository.

astronomer/airflow-chart297—~2.8kAutomated safety check: PassUnknownyesterday
19

A skill your agent uses when working on web apps built with holm, or to answer questions about holm.

volfpeter/holm132—~1.2kAutomated safety check: PassMIT21 days ago
20

Test REST and GraphQL endpoint contracts using Playwright request fixture (TypeScript) or REST Assured (Java).

fugazi/test-automation-skills-agents247—~1.5kAutomated safety check: PassMIT4 days ago
21

当用户在使用 fa- 系列技能(如 fa-framework-settings、fa-slot-creator、fa-form-builder、fa-route-generator、fa-store-generator、fa-page-optimizer、fa-theme-customizer 等)时,在同一个目标上经历了 3…

fantastic-admin/basic3.4k—~610Automated safety check: PassMIT8 days ago
22

Comprehensive backend development guide for Litefuse's Next.js 14/tRPC/Express/TypeScript monorepo.

litefuse/litefuse1001 repo~5.8kAutomated safety check: PassUnknown14 days ago
23

Build server-rendered Dioxus pages using opinionated Rust on Nails patterns.

bionic-gpt/bionic-gpt2.4k—~616Automated safety check: PassApache-2.0today
24

Build, validate, and debug GolemUI forms in React, Angular, Vue, Lit, or vanilla JS.

golemui/golemui113—~2.2kAutomated safety check: PassMITyesterday
25

A skill your agent uses when contributing to InsForge's shared schema package.

InsForge/InsForge13k—~628Automated safety check: PassApache-2.0yesterday
26

Zod schema constraints that Anthropic rejects or silently ignores when sent as structured-output tool definitions via aiSdk.Output.object().

growthxai/output440—~597Automated safety check: PassApache-2.0yesterday
27

Copy-paste AI prompt templates for common Playwright scaffold development tasks — adding page objects, functional/E2E/API tests, Zod schemas, factories, fixtures, and components.

idavidov13/agentic-playwright223—~2.5kAutomated safety check: PassMIT6 days ago
28

Sets the conventions for the Opik React frontend: TanStack Query for data, Zustand for shared state, one-way layer imports and a fix for Google Translate crashes.

comet-ml/opik22k—~1.1kAutomated safety check: PassApache-2.0today
29

Swaps native form elements in Chamilo Vue files for Base components and checks that every Base, SectionHeader and Fieldset tag has its import.

chamilo/chamilo-lms1k—~7.6kAutomated safety check: NotesGPL-3.0yesterday
30

Activate when creating or modifying Vue 3 components, pages, layouts, stores, or services in the frontend.

gdarko/laravel-vue-starter145—~1.1kAutomated safety check: PassMIT6 mo ago
31

MongoDB schema design patterns and anti-patterns. An agent skill from mongodb/agent-skills.

mongodb/agent-skills1902 repos~3.4kAutomated safety check: PassApache-2.0yesterday
32

Teaches React Hooks for reusing stateful logic across components.

zosmaai/zosma-cowork123—~5.1kAutomated safety check: PassMITyesterday
33

A skill your agent uses when building or reviewing FaasJS backend APIs and jobs: .api.ts files, defineApi, zod params schemas, HttpError, HTTP helpers, middleware/staticHandler, .job.ts files…

faasjs/faasjs121—~653Automated safety check: PassMIT1 mo ago
34

Generates complete CRUD modules for NestJS applications with Drizzle ORM.

giuseppe-trisciuoglio/developer-kit355—~1.3kAutomated safety check: NotesMIT27 days ago
35

Implement or refactor Nitro Kit 2 Hotwire interactions using conventional Turbo Drive, Frame, Stream, morph, form, dialog, flash, and toast patterns.

mikker/nitro_kit105—~1.4kAutomated safety check: PassUnknown5 days ago
36

Conventions for validating PrairieLearn Express request parameters, query strings, bodies, and action forms with Zod.

PrairieLearn/PrairieLearn512—~851Automated safety check: PassUnknowntoday
37

Consumer-driven contract testing for microservices using Pact, schema validation, API versioning, and backward compatibility testing.

proffesor-for-testing/agentic-qe494—~1.8kAutomated safety check: PassMIT3 days ago
38

Validate Regle forms with schema libraries via @regle/schemas — Zod, Valibot, ArkType, and any Standard Schema spec library using useRegleSchema, useRules, refineRules, and InferInput.

victorgarciaesgi/regle506—~485Automated safety check: PassMIT9 days ago
39

Test data strategy for the Playwright scaffold — Faker + Zod factories for dynamic happy-path data, static TS files (.ts with as const exports — never .json) for domain-specific curated invalid…

idavidov13/agentic-playwright223—~3.4kAutomated safety check: PassMIT6 days ago
40

Frontend patterns for modern web frameworks, component libraries, auth flows, and analytics. Use when building UI components, creating pages…

bybren-llc/safe-agentic-workflow421—~2kAutomated safety check: PassMIT2 mo ago
41

End-to-end form handling with react-hook-form, Zod schemas, validation patterns, error messaging, field arrays, and multi-step wizards.

curiositech/some_claude_skills243—~3.8kAutomated safety check: PassMIT1 mo ago
42

Run, interpret, and maintain BenchmarkDotNet benchmarks for JSON Schema validation and query languages.

corvus-dotnet/Corvus.JsonSchema199—~1.2kAutomated safety check: PassApache-2.0today
43

Build Svelte forms with TanStack Form, Zod validation, and API error mapping.

exceptionless/Exceptionless2.5k—~544Automated safety check: PassApache-2.0yesterday
44

A skill your agent uses when building forms - covers React Hook Form, Zod validation, and form patterns

trycompai/comp2k—~1kAutomated safety check: PassAGPL-3.05 days ago
45

INVOKE THIS SKILL when you need human-in-the-loop approval, custom middleware, or structured output.

langchain-ai/langchain-skills1.3k1 repo~2.7kAutomated safety check: PassMIT2 days ago
46

Create and update QuickStack frontend pages, React components, forms, dialogs, tables, streaming UI, and Zustand-backed state using the project's established UI conventions.

biersoeckli/QuickStack361—~704Automated safety check: PassGPL-3.0yesterday
47

为 Fantastic-admin 框架生成独立的表单页面,使用 FaForm/FaFormItem + vee-validate + zod 验证,表单 model 使用 ref,全部使用框架内建 Fa 组件。当用户说:'帮我做一个用户信息填写页'、'我只需要一个提交表单,不需要列表'、'做个设置页面,有几个输入框和保存按钮'、'生成一个注册/编辑/配置表单页'、'只要表单页,不需要增删改查'…

fantastic-admin/basic3.4k—~670Automated safety check: PassMIT8 days ago
48

A skill your agent uses when adding or changing GlycemicGPT web UI structure, shared styling, Tailwind classes, semantic theme tokens, typography, base primitives, product UI components, TextInput…

lumose-health/GlycemicGPT141—~707Automated safety check: PassGPL-3.0today

Questions, answered from the data.

What is the best forms and validation skill?

MCP Development from coollabsio/coolify ranks first of the 189 forms and validation skills listed here, with the highest score: its repository has 63k GitHub stars, 1 other GitHub owner carry a copy, its SKILL.md loads about 949 tokens and it passes the automated safety check with no findings. Next come Accessibility Fixer and Formik Form Patterns.

Which forms and validation skills are official?

7 of the 189 forms and validation skills are official, published by the vendor's own GitHub organization: Mongodb Schema Design, Langchain Middleware, Fetch And Send Data, Developer Internals, Skills QA and 2 more.

How are these skills ranked?

By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.