Agent Skills › victorgarciaesgi/regle › regle-typescript

regle-typescript

GitHub

提供 Regle 表单库的 TypeScript 类型支持，包括从规则推断状态、验证输出类型安全、计算规则补全及组件 Props 类型提取。

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

Trigger Scenarios

需要为 Regle 表单规则定义 TypeScript 类型需要确保 $validate 返回值的类型安全需要为使用 Regle 的 Vue/React 组件定义 Props 类型

Install

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

More Options

Use without installing

npx skills use victorgarciaesgi/regle@regle-typescript

指定 Agent (Claude Code)

npx skills add victorgarciaesgi/regle --skill regle-typescript -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-typescript",
    "license": "MIT",
    "metadata": {
        "author": "Victor Garcia",
        "source": "https:\/\/reglejs.dev",
        "version": "1.27.0"
    },
    "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.",
    "compatibility": "Requires Vue 3.3+ and TypeScript 5.1+. Works with any agent supporting the Agent Skills spec."
}

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
Typing Rules	`inferRules`, `RegleComputedRules`, nested properties	typescript-typing-rules
Typing Props	`InferRegleRoot`, `RegleFieldStatus`, typing component props	typescript-typing-props