victorgarciaesgi/regle-rules
skills/regle-rules/SKILL.md
Regle validation rules — built-in rules from `@regle/rules`, custom rules with `createRule`, rule wrappers (`withMessage`, `withParams`, `withAsync`, `withTooltip`), and rule operators (`and`, `or`, `xor`, `not`, `applyIf`, `assignIf`, `pipe`). Use when declaring, customizing, composing, or conditionally applying validation rules in a Regle form. For form setup see regle.
$ install --global
skillsauthnpx skillsauth add victorgarciaesgi/regle regle-rulesInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security scan pending...
This skill is queued for security scanning. Results will appear when the scan completes.
SKILL.md
- name:
- regle-rules
- description:
- Regle validation rules — built-in rules from `@regle/rules`, custom rules with `createRule`, rule wrappers (`withMessage`, `withParams`, `withAsync`, `withTooltip`), and rule operators (`and`, `or`, `xor`, `not`, `applyIf`, `assignIf`, `pipe`). Use when declaring, customizing, composing, or conditionally applying validation rules in a Regle form. For form setup see regle.
- license:
- MIT
- compatibility:
- Requires Vue 3.3+ and TypeScript 5.1+. Works with any agent supporting the Agent Skills spec.
- author:
- Victor Garcia
- version:
- 1.27.0
- source:
- https://reglejs.dev
Regle Rules
Validation rules for Regle. Rules come from @regle/rules, but you can also write your own with createRule, customize them with wrappers, and combine them with operators.
import { useRegle } from '@regle/core';
import { required, email, minLength } from '@regle/rules';
const { r$ } = useRegle(
{ email: '' },
{ email: { required, email, minLength: minLength(5) } }
);
Key Concepts
- All rules are optional by default; add
requiredto enforce a field. - Built-in rules are imported from
@regle/rules; some are factories that take parameters (e.g.minLength(3)). - Custom rules use
createRulefor reusability, or an inline function for one-offs. - Wrappers adapt an existing rule (message, params, async, tooltip) without rewriting it.
- Operators combine or conditionally apply rules.
References
| Topic | Description | Reference |
|-------|-------------|-----------|
| Built-in Rules | All validation rules from @regle/rules | rules-built-in |
| Custom Rules | Inline rules, createRule, reactive parameters, async rules, metadata | rules-custom |
| Rule Wrappers | withMessage, withParams, withAsync, withTooltip, chaining | rules-wrappers |
| Rule Operators | and, or, xor, not, applyIf, assignIf, pipe | rules-operators |
Related skills
- regle — form setup with
useRegle, validation properties, displaying errors, modifiers. - regle-typescript — typing rules schemas with
inferRulesandRegleComputedRules.
Related Skills
victorgarciaesgi/regle-schemas
development
VerifiedTrustedCommunity
Validate Regle forms with schema libraries via `@regle/schemas` — Zod, Valibot, ArkType, and any Standard Schema spec library using `useRegleSchema`, `useRules`, `refineRules`, and `InferInput`. Use when a form's validation is defined by an external schema instead of `@regle/rules`. For native rules see regle-rules; for form setup see regle.
465SKILL.mdUpdated Jun 12, 2026
victorgarciaesgi/regle-migrate-vuelidate
data-ai
VerifiedTrustedCommunity
Migrate Vuelidate form validation to Regle. Use when porting forms that import from `@vuelidate/core`/`@vuelidate/validators` or call `useVuelidate` over to `useRegle`/`useScopedRegle`, including rules, validation properties, `v-model` bindings, nested/scoped validation, and parent-child form propagation.
465SKILL.mdUpdated Jun 12, 2026
victorgarciaesgi/regle
development
VerifiedTrustedCommunity
Core Regle form validation in Vue 3 — setup with `useRegle`, the reactive `r$` object, validation properties, displaying errors, and modifiers. Use when adding or editing Regle forms, binding `v-model` to `r$.$value`, or reading `$error`/`$errors`/`$invalid`/`$validate`/`$reset`. For validation rules see regle-rules; for advanced patterns see regle-advanced.
465SKILL.mdUpdated Apr 15, 2026
victorgarciaesgi/regle-typescript
development
VerifiedTrustedCommunity
TypeScript integration for Regle — type-safe validated output (`InferSafeOutput`, `$validate`), inferring state from rules (`InferInput`), typing computed rules (`inferRules`, `RegleComputedRules`), and typing component props (`InferRegleRoot`, `RegleRoot`, `RegleFieldStatus`, `SuperCompatibleRegleRoot`). Use when typing rules schemas, passing `r$` between components, or extracting validated data types.
465SKILL.mdUpdated Apr 15, 2026