Agent Skills
› victorgarciaesgi/regle
› regle-advanced
regle-advanced
GitHubVue 3 Regle 表单验证的高级使用模式,涵盖集合、异步验证、服务端错误处理、重置选项、全局配置、变体管理、跨组件作用域验证及合并逻辑。
Trigger Scenarios
需要实现复杂的 Vue 3 表单验证逻辑
处理数组字段或异步服务器端校验
配置全局表单行为或跨组件状态同步
Install
npx skills add victorgarciaesgi/regle --skill regle-advanced -g -y
SKILL.md
Frontmatter
{
"name": "regle-advanced",
"license": "MIT",
"metadata": {
"author": "Victor Garcia",
"source": "https:\/\/reglejs.dev",
"version": "1.27.0"
},
"description": "Advanced Regle form validation patterns — collection validation with `$each`, async rules and `$pending`, server\/`externalErrors`, `$reset` options, global config with `defineRegleConfig`, discriminated-union variants, cross-component `useScopedRegle`\/`useCollectScope`, `mergeRegles`, and object-level `$self`. Use for arrays of fields, async\/server validation, scoped or merged forms, i18n messages, or variant forms. For schema libraries see regle-schemas.",
"compatibility": "Requires Vue 3.3+ and TypeScript 5.1+. Works with any agent supporting the Agent Skills spec."
}
Regle 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.
Version History
- aeafba7 Current 2026-07-24 22:00


