forms-router
20
总安装量
14
周安装量
#18262
全站排名
安装命令
npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill forms-router
Agent 安装分布
claude-code
12
opencode
11
antigravity
10
windsurf
9
codex
9
Skill 文档
Forms Router
Routes to 7 specialized skills based on task requirements.
Routing Protocol
- Classify â Identify framework + form type
- Match â Apply signal matching rules below
- Combine â Production forms need 3-4 skills minimum
- Load â Read matched SKILL.md files before coding
Quick Route
Tier 1: Core (Always Include)
| Need | Skill | Signals |
|---|---|---|
| WCAG compliance, ARIA | form-accessibility |
accessible, ARIA, screen reader, keyboard, focus, a11y |
| Zod schemas, timing | form-validation |
validate, Zod, schema, error, required, pattern |
| Autocomplete, CSRF, XSS | form-security |
autocomplete, password manager, CSRF, XSS, sanitize |
Tier 2: Framework
| Need | Skill | Signals |
|---|---|---|
| React Hook Form / TanStack | form-react |
React, useForm, RHF, TanStack, formState |
| VeeValidate / Vuelidate | form-vue |
Vue, VeeValidate, Vuelidate, v-model |
| No framework | form-vanilla |
vanilla, plain JS, native, constraint validation |
Tier 3: Enhanced UX
| Need | Skill | Signals |
|---|---|---|
| Wizards, chunking, conditionals | form-ux-patterns |
multi-step, wizard, progressive, conditional, stepper |
Signal Priority
When multiple signals present:
- Framework explicit â React/Vue/vanilla determines Tier 2 choice
- Auth context â Login/registration triggers
form-securitypriority - Complexity â Wizard/multi-step triggers
form-ux-patterns - Default â Always include all Tier 1 skills
Common Combinations
Standard Production Form (4 skills)
form-accessibility â WCAG, ARIA binding
form-validation â Zod schemas, timing
form-react â RHF integration
form-security â autocomplete attributes
Secure Auth Form (4 skills)
form-security â autocomplete, CSRF (priority)
form-accessibility â focus, error announcements
form-validation â auth schema
form-react â controlled submission
Multi-Step Wizard (4 skills)
form-ux-patterns â chunking, navigation
form-validation â per-step validation
form-accessibility â focus on step change
form-react â FormProvider context
Framework-Free Form (3 skills)
form-vanilla â Constraint Validation API
form-accessibility â manual ARIA
form-security â autocomplete
Decision Table
| Framework | Form Type | Skills |
|---|---|---|
| React | Standard | accessibility + validation + security + react |
| React | Auth | security + accessibility + validation + react |
| React | Wizard | ux-patterns + validation + accessibility + react |
| Vue | Standard | accessibility + validation + security + vue |
| Vue | Complex | accessibility + validation + ux-patterns + vue |
| None | Any | vanilla + accessibility + security |
Core Principles (All Skills)
Schema-first: Define Zod schema â infer TypeScript types
Timing: Reward early (â on valid), punish late (â on blur only)
Autocomplete: Never optional for auth forms
Chunking: Max 5-7 fields per logical group
Fallback
- No framework stated â Ask: “React, Vue, or vanilla JS?”
- Ambiguous complexity â Start with Tier 1 + framework skill
- Missing context â Default to
form-react(most common)
Reference
See references/integration-guide.md for complete wiring patterns and code examples.