Skip to main content

regle-typescript

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.

Source facts

Repository
victorgarciaesgi/regle
Last source activity
June 11, 2026 at 10:09
Detected SKILL.md language
English
Stars
506
Forks
22

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

File Explorer
4 files

Showing SKILL.md

SKILL.md
Source instructions · Read-only preview
name
regle-typescript
description
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.
license
MIT
compatibility
Requires Vue 3.3+ and TypeScript 5.1+. Works with any agent supporting the Agent Skills spec.
metadata
{"author":"Victor Garcia","version":"1.27.0","source":"https://reglejs.dev"}
# Regle TypeScript Regle provides first-class TypeScript support with full type inference. This skill covers type-safe validation output, typing rules schemas, and typing component props. ## Key Exports | Export | Package | Purpose | |--------|---------|---------| | `InferInput` | `@regle/core` | Infer state type from rules | | `InferSafeOutput` | `@regle/core` | Infer validated output type from `r$` | | `inferRules` | `@regle/core` | Preserve autocompletion in computed rules | | `RegleComputedRules` | `@regle/core` | Type helper for explicit rule typing | | `InferRegleRoot` | `@regle/core` | Extract `r$` type from a composable | | `RegleFieldStatus` | `@regle/core` | Type for a single field status prop | ## References | Topic | Description | Reference | |-------|-------------|-----------| | Type Safe Output | `$validate` return types, `InferSafeOutput` | [typescript-type-safe-output](references/typescript-type-safe-output.md) | | Typing Rules | `inferRules`, `RegleComputedRules`, nested properties | [typescript-typing-rules](references/typescript-typing-rules.md) | | Typing Props | `InferRegleRoot`, `RegleFieldStatus`, typing component props | [typescript-typing-props](references/typescript-typing-props.md) | ## Related skills - **regle** — form setup with `useRegle`, validation properties. - **regle-rules** — `inferRules` is used when typing computed rule objects. - **regle-advanced** — scoped validation and patterns where typed props matter.
View on GitHub