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.