Wagmi Feature Development
wevm/wagmi
Walks through adding a Wagmi feature across its layers: a Viem-based core action, TanStack Query options, and React and Vue bindings.
TypeScript integration for Regle — type-safe validated output (InferSafeOutput, $validate), inferring state from rules (InferInput), typing computed rules (inferRules, RegleComputedRules), and…
Install Regle Typescript
$ npx skills add victorgarciaesgi/regle --skill regle-typescript -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install victorgarciaesgi/regle regle-typescript --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/victorgarciaesgi/regle.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/regle-typescript .claude/skills/regle-typescript && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "regle-typescript" agent skill from https://github.com/victorgarciaesgi/regle/tree/main/skills/regle-typescript into .claude/skills/regle-typescript/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "regle-typescript", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/victorgarciaesgi/regle/tree/main/skills/regle-typescriptType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add victorgarciaesgi/regle --skill regle-typescript -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install victorgarciaesgi/regle regle-typescript --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/victorgarciaesgi/regle.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/regle-typescript .agents/skills/regle-typescript && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "regle-typescript" agent skill from https://github.com/victorgarciaesgi/regle/tree/main/skills/regle-typescript into .agents/skills/regle-typescript/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "regle-typescript", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add victorgarciaesgi/regle --skill regle-typescript -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install victorgarciaesgi/regle regle-typescript --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/victorgarciaesgi/regle.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/regle-typescript .cursor/skills/regle-typescript && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "regle-typescript" agent skill from https://github.com/victorgarciaesgi/regle/tree/main/skills/regle-typescript into .cursor/skills/regle-typescript/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "regle-typescript", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/victorgarciaesgi/regle.git --path skills/regle-typescript--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add victorgarciaesgi/regle --skill regle-typescript -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install victorgarciaesgi/regle regle-typescript --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/victorgarciaesgi/regle.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/regle-typescript .gemini/skills/regle-typescript && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "regle-typescript" agent skill from https://github.com/victorgarciaesgi/regle/tree/main/skills/regle-typescript into .gemini/skills/regle-typescript/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "regle-typescript", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install victorgarciaesgi/regle regle-typescriptInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add victorgarciaesgi/regle --skill regle-typescript -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/victorgarciaesgi/regle.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/regle-typescript .github/skills/regle-typescript && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "regle-typescript" agent skill from https://github.com/victorgarciaesgi/regle/tree/main/skills/regle-typescript into .github/skills/regle-typescript/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "regle-typescript", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add victorgarciaesgi/regle --skill regle-typescript -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install victorgarciaesgi/regle regle-typescript --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/victorgarciaesgi/regle.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/regle-typescript .opencode/skills/regle-typescript && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "regle-typescript" agent skill from https://github.com/victorgarciaesgi/regle/tree/main/skills/regle-typescript into .opencode/skills/regle-typescript/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "regle-typescript", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
regle-typescript- GitHub stars
- 506
- Token cost
- ~534 tokens
- SKILL.md length
- 130 words
- Files
- 4 (incl. references)
- Skills in repo
- 9
- Repo updated
- First seen
- Licence
- MIT
At a glance
TypeScript integration for Regle — type-safe validated output (InferSafeOutput, $validate), inferring state from rules (InferInput), typing computed rules (inferRules, RegleComputedRules), and…
- Typing rules schemas
- SKILL.md covers Key Exports, References and Related skills
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
- Passing r$ between components
What it does
Regle Typescript is an agent skill from victorgarciaesgi/regle. 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.
Its SKILL.md is about 530 tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files, including reference files (for example `references/typescript-type-safe-output.md`, `references/typescript-typing-props.md` and `references/typescript-typing-rules.md`). Compatibility notes: Requires Vue 3.3+ and TypeScript 5.1+. Works with any agent supporting the Agent Skills spec.
It sits in Development, covering Type safety. It works with TypeScript and Vue.js. The repository describes itself as: ✅ Headless form validation library for Vue.js. The licence is MIT.
When your agent uses it
- Typing rules schemas
- Passing r$ between components
- Extracting validated data types
Example prompts
- “/regle-typescript”
Requirements
- Compatibility (from SKILL.md): Requires Vue 3.3+ and TypeScript 5.1+. Works with any agent supporting the Agent Skills spec.
What it can do on your machine
Read from SKILL.md and the folder at commit 9d69771. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Compatibility
Requires Vue 3.3+ and TypeScript 5.1+. Works with any agent supporting the Agent Skills spec.
From compatibility in the SKILL.md frontmatter.
Context cost
Regle Typescript loads about 534 tokens when it runs, and up to ~2.2k if it reads all its reference files. Until then it costs about 106 tokens; SKILL.md has 130 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from victorgarciaesgi/regle at commit 9d69771, republished under its MIT licence (© victorgarciaesgi). 130 words, ~534 tokens.
Download SKILL.mdSave it as
.claude/skills/regle-typescript/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.- 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.
- compatibility
- Requires Vue 3.3+ and TypeScript 5.1+. Works with any agent supporting the Agent Skills spec.
- license
- MIT
- metadata.author
- Victor Garcia
- metadata.version
- 1.27.0
- metadata.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 |
| Typing Rules | inferRules, RegleComputedRules, nested properties | typescript-typing-rules |
| Typing Props | InferRegleRoot, RegleFieldStatus, typing component props | typescript-typing-props |
Related skills
- regle — form setup with
useRegle, validation properties. - regle-rules —
inferRulesis used when typing computed rule objects. - regle-advanced — scoped validation and patterns where typed props matter.
© victorgarciaesgi, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 3 other files (references) in skills/regle-typescript of victorgarciaesgi/regle.
- SKILL.md
- references/typescript-type-safe-output.md
- references/typescript-typing-props.md
- references/typescript-typing-rules.md
Open the folder on GitHubat commit 9d69771
Compare with similar skills
Regle Typescript next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Regle Typescript this skillvictorgarciaesgi/regle | 506 | — | ~534 | Automated safety check: Pass | MIT | |
| Wagmi Feature Developmentwevm/wagmi | 6.8k | — | ~3.8k | Automated safety check: Pass | MIT | |
| Vue Best Practicesoyjt/uniapp-vue3-template | 627 | 3 repos | ~667 | Automated safety check: Pass | MIT | |
| OpenObserve ESLint and TypeScript Fixesopenobserve/openobserve | 22k | — | ~5.1k | Automated safety check: Pass | AGPL-3.0 | |
| Typescript Advanced Typesrolling-scopes/rsschool-app | 10k | 25 repos | ~4.2k | Automated safety check: Pass | MPL-2.0 | |
| Generate Release Notesteambit/bit | 18k | — | ~2.2k | Automated safety check: Pass | Custom licence |
Similar skills
Vue Best Practices
oyjt/uniapp-vue3-template
Vue 3 and Vue.js best practices for TypeScript, vue-tsc, and Volar.
OpenObserve ESLint and TypeScript Fixes
openobserve/openobserve
A playbook for fixing ESLint and TypeScript errors in the OpenObserve web frontend, with rule-by-rule guidance and typing conventions.
Typescript Advanced Types
rolling-scopes/rsschool-app
Master TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications.
Generate Release Notes
teambit/bit
Generate comprehensive release notes for Bit from git commits and pull requests.
Pnpm Engine
teambit/bit
Work on the pnpm Rust engine (@pnpm/napi, the pacquet crates) that bit install runs through.
More from victorgarciaesgi/regle
All 9 skills in this repoRegle
victorgarciaesgi/regle
Core Regle form validation in Vue 3 — setup with useRegle, the reactive r$ object, validation properties, displaying errors, and modifiers.
Regle Migrate Vuelidate
victorgarciaesgi/regle
Migrate Vuelidate form validation to Regle. An agent skill from victorgarciaesgi/regle.
Regle Rules
victorgarciaesgi/regle
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…
Regle Schemas
victorgarciaesgi/regle
Validate Regle forms with schema libraries via @regle/schemas — Zod, Valibot, ArkType, and any Standard Schema spec library using useRegleSchema, useRules, refineRules, and InferInput.
TS Memory Baseline
victorgarciaesgi/regle
Measure and compare TypeScript memory usage for @regle/core and test typechecks.
Regle Advanced
victorgarciaesgi/regle
Advanced Regle form validation patterns — collection validation with $each, async rules and $pending, server/externalErrors, $reset options, global config with defineRegleConfig, discriminated-union…
Related
Works with
Categories
Questions about Regle Typescript
What does Regle Typescript do?
TypeScript integration for Regle — type-safe validated output (InferSafeOutput, $validate), inferring state from rules (InferInput), typing computed rules (inferRules, RegleComputedRules), and…. Regle Typescript is an agent skill from victorgarciaesgi/regle. 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).
When should I use Regle Typescript?
Regle Typescript fits situations like: typing rules schemas; passing r$ between components; extracting validated data types.
How do I install Regle Typescript in Claude Code?
Run `npx skills add victorgarciaesgi/regle --skill regle-typescript -a claude-code`. Or copy the skill folder (skills/regle-typescript in victorgarciaesgi/regle) into .claude/skills/regle-typescript in your project. Claude Code loads it when a task matches its description.
How do I install Regle Typescript in Codex?
Run `npx skills add victorgarciaesgi/regle --skill regle-typescript -a codex`. Or copy the skill folder (skills/regle-typescript in victorgarciaesgi/regle) into .agents/skills/regle-typescript in your project. Codex loads it when a task matches its description.
Can I use Regle Typescript in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add victorgarciaesgi/regle --skill regle-typescript -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/regle-typescript, .gemini/skills/regle-typescript, .github/skills/regle-typescript and .opencode/skills/regle-typescript in your project.
What does Regle Typescript need to run?
SKILL.md names no scripts, command-line tools or credentials: Regle Typescript is instructions for the agent only. Compatibility (from SKILL.md): Requires Vue 3.3+ and TypeScript 5.1+. Works with any agent supporting the Agent Skills spec..
Does Regle Typescript access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Regle Typescript safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Regle Typescript use?
Regle Typescript is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Regle Typescript use?
About 534 tokens (SKILL.md is roughly 2.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 1.7k tokens, read only when the agent opens those files.
What are the alternatives to Regle Typescript?
Skills that share tags, products or a category with Regle Typescript: Wagmi Feature Development (wevm/wagmi, 6.8k stars), Vue Best Practices (oyjt/uniapp-vue3-template, 627 stars), OpenObserve ESLint and TypeScript Fixes (openobserve/openobserve, 22k stars) and Typescript Advanced Types (rolling-scopes/rsschool-app, 10k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Regle Typescript?
victorgarciaesgi (a GitHub user) maintains it in victorgarciaesgi/regle, which has 506 GitHub stars. The repository holds 9 skills in this directory. The repository was last updated on September 28, 2026.
Source: victorgarciaesgi/regle on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.