Topic · Frontend & Design
Best forms and validation skills for Claude Code, Codex and other agents.
- skills
- 189
- official
- 7
Forms and validation skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | A skill your agent uses for Laravel MCP development. An agent skill from coollabsio/coolify. | coollabsio/ | 63k | 1 repo | ~949 | Automated safety check: Pass | MIT | today |
| 2 | Audits and fixes HTML accessibility problems such as ARIA labels, keyboard navigation, focus management, contrast and form errors with minimal changes. | ibelick/ | 9.4k | 4 repos | ~1.2k | Automated safety check: Pass | MIT | yesterday |
| 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/ | 6.1k | 3 repos | ~2.1k | Automated safety check: Pass | No licence | 9 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/ | 9.5k | — | ~8.2k | Automated safety check: Pass | MIT | 29 days ago |
| 5 | 5.Formkit A skill your agent uses when working with FormKit forms, validation, schema, or custom inputs in React, Vue, or Nuxt projects. | formkit/ | 4.8k | — | ~1.7k | Automated safety check: Pass | MIT | 2 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/ | 11k | — | ~2.8k | Automated safety check: Pass | MIT | 26 days ago |
| 7 | Build or review Langfuse backend code. An agent skill from langfuse/langfuse. | langfuse/ | 35k | — | ~1.9k | Automated safety check: Pass | Unknown | today |
| 8 | A skill your agent uses for any task or question involving Livewire. | coollabsio/ | 63k | — | ~964 | Automated safety check: Pass | MIT | today |
| 9 | 9.Zod Zod schema validation best practices for type safety, parsing, and error handling. | jasonjgardner/ | 488 | 3 repos | ~1.4k | Automated safety check: Pass | GPL-3.0 | 6 days ago |
| 10 | A skill your agent uses for any task or question involving Livewire. | yungifez/ | 409 | 1 repo | ~1.9k | Automated safety check: Pass | MIT | 2 days ago |
| 11 | 11.HTML Coder Guides semantic, accessible HTML work: pages, forms, media and HTML5 APIs, plus how to deliver a runnable webpage project with a preview. | TokenRhythm/ | 7.1k | — | ~1.4k | Automated safety check: Pass | Apache-2.0 | 3 days ago |
| 12 | Upgrade @figma/plugin-typings and absorb what the new version exposes. | awdr74100/ | 977 | — | ~3.3k | Automated safety check: Pass | MIT | today |
| 13 | Create and manage SillyTavern Character Cards (角色卡) and World Books (世界书). | echo-xianyu/ | 211 | — | ~1.8k | Automated safety check: Pass | Unknown | 4 mo ago |
| 14 | 14.Regle Core Regle form validation in Vue 3 — setup with useRegle, the reactive r$ object, validation properties, displaying errors, and modifiers. | victorgarciaesgi/ | 506 | — | ~840 | Automated safety check: Pass | MIT | 9 days ago |
| 15 | 15.Chart Tests A skill your agent uses when writing, editing, reviewing, or running Helm chart tests for the Astronomer APC repository. | astronomer/ | 491 | — | ~3.2k | Automated safety check: Pass | Unknown | yesterday |
| 16 | 16.Buzzform 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/ | 101 | — | ~1.5k | Automated safety check: Pass | MIT | 4 mo ago |
| 17 | Migrate Vuelidate form validation to Regle. An agent skill from victorgarciaesgi/regle. | victorgarciaesgi/ | 506 | — | ~752 | Automated safety check: Pass | MIT | 9 days ago |
| 18 | 18.Chart Tests A skill your agent uses when writing, editing, reviewing, or running Helm chart tests for the Astronomer airflow-chart repository. | astronomer/ | 297 | — | ~2.8k | Automated safety check: Pass | Unknown | yesterday |
| 19 | 19.Holm Web A skill your agent uses when working on web apps built with holm, or to answer questions about holm. | volfpeter/ | 132 | — | ~1.2k | Automated safety check: Pass | MIT | 21 days ago |
| 20 | 20.API Testing Test REST and GraphQL endpoint contracts using Playwright request fixture (TypeScript) or REST Assured (Java). | fugazi/ | 247 | — | ~1.5k | Automated safety check: Pass | MIT | 4 days ago |
| 21 | 21.Fa Feedback 当用户在使用 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/ | 3.4k | — | ~610 | Automated safety check: Pass | MIT | 8 days ago |
| 22 | Comprehensive backend development guide for Litefuse's Next.js 14/tRPC/Express/TypeScript monorepo. | litefuse/ | 100 | 1 repo | ~5.8k | Automated safety check: Pass | Unknown | 14 days ago |
| 23 | Build server-rendered Dioxus pages using opinionated Rust on Nails patterns. | bionic-gpt/ | 2.4k | — | ~616 | Automated safety check: Pass | Apache-2.0 | today |
| 24 | 24.Golemui Build, validate, and debug GolemUI forms in React, Angular, Vue, Lit, or vanilla JS. | golemui/ | 113 | — | ~2.2k | Automated safety check: Pass | MIT | yesterday |
| 25 | A skill your agent uses when contributing to InsForge's shared schema package. | InsForge/ | 13k | — | ~628 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 26 | Zod schema constraints that Anthropic rejects or silently ignores when sent as structured-output tool definitions via aiSdk.Output.object(). | growthxai/ | 440 | — | ~597 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 27 | 27.Common Tasks 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/ | 223 | — | ~2.5k | Automated safety check: Pass | MIT | 6 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/ | 22k | — | ~1.1k | Automated safety check: Pass | Apache-2.0 | today |
| 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/ | 1k | — | ~7.6k | Automated safety check: Notes | GPL-3.0 | yesterday |
| 30 | Activate when creating or modifying Vue 3 components, pages, layouts, stores, or services in the frontend. | gdarko/ | 145 | — | ~1.1k | Automated safety check: Pass | MIT | 6 mo ago |
| 31 | MongoDB schema design patterns and anti-patterns. An agent skill from mongodb/agent-skills. | mongodb/ | 190 | 2 repos | ~3.4k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 32 | Teaches React Hooks for reusing stateful logic across components. | zosmaai/ | 123 | — | ~5.1k | Automated safety check: Pass | MIT | yesterday |
| 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/ | 121 | — | ~653 | Automated safety check: Pass | MIT | 1 mo ago |
| 34 | Generates complete CRUD modules for NestJS applications with Drizzle ORM. | giuseppe-trisciuoglio/ | 355 | — | ~1.3k | Automated safety check: Notes | MIT | 27 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/ | 105 | — | ~1.4k | Automated safety check: Pass | Unknown | 5 days ago |
| 36 | Conventions for validating PrairieLearn Express request parameters, query strings, bodies, and action forms with Zod. | PrairieLearn/ | 512 | — | ~851 | Automated safety check: Pass | Unknown | today |
| 37 | Consumer-driven contract testing for microservices using Pact, schema validation, API versioning, and backward compatibility testing. | proffesor-for-testing/ | 494 | — | ~1.8k | Automated safety check: Pass | MIT | 3 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/ | 506 | — | ~485 | Automated safety check: Pass | MIT | 9 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/ | 223 | — | ~3.4k | Automated safety check: Pass | MIT | 6 days ago |
| 40 | Frontend patterns for modern web frameworks, component libraries, auth flows, and analytics. Use when building UI components, creating pages… | bybren-llc/ | 421 | — | ~2k | Automated safety check: Pass | MIT | 2 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/ | 243 | — | ~3.8k | Automated safety check: Pass | MIT | 1 mo ago |
| 42 | Run, interpret, and maintain BenchmarkDotNet benchmarks for JSON Schema validation and query languages. | corvus-dotnet/ | 199 | — | ~1.2k | Automated safety check: Pass | Apache-2.0 | today |
| 43 | Build Svelte forms with TanStack Form, Zod validation, and API error mapping. | exceptionless/ | 2.5k | — | ~544 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 44 | 44.Forms A skill your agent uses when building forms - covers React Hook Form, Zod validation, and form patterns | trycompai/ | 2k | — | ~1k | Automated safety check: Pass | AGPL-3.0 | 5 days ago |
| 45 | INVOKE THIS SKILL when you need human-in-the-loop approval, custom middleware, or structured output. | langchain-ai/ | 1.3k | 1 repo | ~2.7k | Automated safety check: Pass | MIT | 2 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/ | 361 | — | ~704 | Automated safety check: Pass | GPL-3.0 | yesterday |
| 47 | 为 Fantastic-admin 框架生成独立的表单页面,使用 FaForm/FaFormItem + vee-validate + zod 验证,表单 model 使用 ref,全部使用框架内建 Fa 组件。当用户说:'帮我做一个用户信息填写页'、'我只需要一个提交表单,不需要列表'、'做个设置页面,有几个输入框和保存按钮'、'生成一个注册/编辑/配置表单页'、'只要表单页,不需要增删改查'… | fantastic-admin/ | 3.4k | — | ~670 | Automated safety check: Pass | MIT | 8 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/ | 141 | — | ~707 | Automated safety check: Pass | GPL-3.0 | today |
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.
Explore related skills
Category
More topics in Frontend & Design
- Accessibility1,046
- Design systems858
- UI design489
- React components461
- Landing pages455
- Internationalization415
- Typography404
- Design tokens393
- CSS and styling357
- Theming and dark mode351
- Frontend development337
- Web performance315
- State management295
- HTML artifacts275
- Responsive design272
- Static sites and blogs270
- UX design266
- Web animation and motion195
- Design to code90
- Icons and illustration63