regle-typescript

Generate type-safe TypeScript typings for Regle form validation schemas.

Updated Apr 8, 2026

Search Tags:#typescript #validation #forms #typesafe #typing #component-props #regle

Ready to run

npx skills add https://github.com/rafasoares/rafasoares.com --skill regle-typescript

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: regle-typescript
Source: https://github.com/rafasoares/rafasoares.com/tree/main/.agents/skills/regle-typescript
Command: npx skills add https://github.com/rafasoares/rafasoares.com --skill regle-typescript

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Regle forms often require manual typing efforts that slow development and risk runtime errors. This Skill provides TypeScript-centric support for Regle, enabling type inference for input data, rules, and component props to catch errors at build time.

Core Features & Use Cases

Type-safe output from validation with proper typing of r$, InferSafeOutput, and $validate results.
Typing rules schemas and component props for nested forms across Vue/React components.
Seamless integration with existing Regle workflows, including inferRules and Regle schemas.

Quick Start

Enable type-safe Regle typing in your project by integrating the provided TypeScript typings and rules scaffolding.

Frequently Asked Questions about regle-typescript

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I get type-safe validation output from Regle forms in TypeScript?▼

Type-safe Regle validation provides precise TypeScript inference for input data and rule schemas, catching errors at build time. It ensures typed output from $validate, InferSafeOutput, and r$ for Vue or React applications.

Can I infer TypeScript types for nested Regle form schemas and component props?▼

Yes, you can infer TypeScript types for nested Regle form schemas and component props. This typing support applies across Vue and React components, ensuring precise typing for complex nested structures.

What is InferRegleRoot used for in Regle TypeScript validation?▼

InferRegleRoot is a typing helper used to infer the root type of Regle validation schemas. It provides type-safe integration with existing Regle workflows, including Regle schemas and inferRules.

Do I need manual typing for Regle validation rules when using TypeScript?▼

No, manual typing is not required. This Skill enables type inference for input data, rules, and component props to eliminate manual typing efforts that slow development and risk runtime errors.

Does Regle TypeScript typing work with both Vue and React applications?▼

Yes, Regle TypeScript typing works with both Vue and React applications. It ensures correct type inference for input data and rule schemas across nested structures in either framework.