Agent Skills › victorgarciaesgi/regle › regle-advanced

regle-advanced

GitHub

提供 Vue 3 Regle 表单验证的高级用法，涵盖数组校验、异步规则、服务端错误处理、全局配置、变体联合及跨组件作用域等模式。

skills/regle-advanced/SKILL.md victorgarciaesgi/regle

Trigger Scenarios

需要实现复杂的表单集合或数组字段验证需要处理异步校验或服务端返回的错误信息需要配置全局表单行为或多实例合并

Install

npx skills add victorgarciaesgi/regle --skill regle-advanced -g -y

More Options

Use without installing

npx skills use victorgarciaesgi/regle@regle-advanced

指定 Agent (Claude Code)

npx skills add victorgarciaesgi/regle --skill regle-advanced -a claude-code -g -y

安装 repo 全部 skill

npx skills add victorgarciaesgi/regle --all -g -y

预览 repo 内 skill

npx skills add victorgarciaesgi/regle --list

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.