About regle-advanced
regle-advanced is a skill covering advanced Regle patterns for Vue 3 form validation, including collections, async validation, server errors, and scoped validation. It is for developers working with complex form states and configuration.
Key features
- 01Array collection validation
- 02Async validation and debouncing
- 03Server error handling
- 04Form reset options
- 05Variants and scoped validation
- 06Merge form instances
Use cases
- 01Validate dynamic array fields
- 02Handle async rules and pending state
- 03Map and clear server errors
- 04Organize validation across components
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/regle-advancedin Claude Code to confirm it loaded.
Bundled files
References and scripts installed along with SKILL.md.
references/advanced-global-config.mdadvanced-merge-regles.mdadvanced-scoped-validation.mdadvanced-self-validation.mdadvanced-variants.mdcommon-async-validation.mdcommon-collections.mdcommon-reset-forms.mdcommon-server-errors.mdDetails
From the project READMERegle Advanced Patterns
Advanced usage patterns for Regle form validation in Vue 3. Covers collections, async validation, server errors, reset options, global configuration, discriminated unions (variants), scoped validation, merging, and object-level self validation.
Common Patterns
| Topic | Description | Reference |
|---|---|---|
| Collections | $each for array validation, collection errors, custom keys | common-collections |
| Async Validation | Async rules, $pending state, debouncing | common-async-validation |
| Server Errors | externalErrors, dot-path errors, clearing errors | common-server-errors |
| Reset Forms | $reset options: toInitialState, toOriginalState, toState | common-reset-forms |
Advanced
| Topic | Description | Reference |
|---|---|---|
| Global Config | defineRegleConfig, custom messages, i18n, global modifiers | advanced-global-config |
| Variants | createVariant, narrowVariant, discriminated unions | advanced-variants |
| Scoped Validation | useScopedRegle, useCollectScope, cross-component validation | advanced-scoped-validation |
| Merge Regles | mergeRegles to combine multiple form instances | advanced-merge-regles |
| Self Validation | $self for object-level cross-field validation | advanced-self-validation |
Related skills
- regle — form setup with
useRegle, validation properties, displaying errors, modifiers. - regle-rules — built-in/custom rules, wrappers, and operators.
- regle-schemas — Zod, Valibot, ArkType, and Standard Schema integration.
- regle-typescript — typing rules schemas and component props.
Comments
Markdown supported