tanstack-form-composition SKILL.md skillA
tanstack-form-composition from suxrobgm/jobpilot is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add suxrobgm/jobpilot/tanstack-form-composition@git:20260701.d3b2a78Pins git:20260701.d3b2a78 in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- suxrobgm/jobpilot
- Path
.claude/skills/tanstack-form-composition/SKILL.md- Versions recorded
- 3
- Latest version
- git:20260701.d3b2a78, committed Jul 1, 2026
- First version recorded
- May 28, 2026
- Size
- 11,167 bytes
- Repository stars
- 104
- License
- MIT
Migrate a React @tanstack/react-form codebase from the prop-drilled `useForm` + erased-form-type pattern to the official `createFormHook` composition API (`useAppForm` / `withForm` / `field.X`). Use when a project threads a `form` object (often cast to an `any`-erased type like `ReactFormExtendedApi<any,...>`) through field-wrapper components that take `form`+`name` props, and you want typed field names/values, no casts, and reusable bound field components. Triggers…
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# TanStack Form → composition API migration
Convert a React project using `@tanstack/react-form` from **raw `useForm` +
prop-drilled field wrappers + an `any`-erased form type** to the **`createFormHook`
composition API**. The payoff: typed field names/values, deletion of the erased
form type and every `as unknown as <ErasedForm>` cast, and bound field components
consumed as `field.TextField` instead of `<FieldWrapper form={form} name=… />`.
This is for the **React** adapter. Solid/Vue/Angular have the same API shape with
different hook names - the concepts below port directly.
## When this applies
The codebase has most of these symptoms:
- An erased form type alias, e.g. `type AnyForm = ReactFormExtendedApi<any,any,…>`
(12 `any` generics), used as a prop type and reached via `form as unknown as AnyForm`.
- Field components that accept `form` + `name` props and internally render
`<form.Field name={name}>…</form.Field>`.
- Shared "section" components that receive the whole `form` as a prop and are
reused across multiple parent forms (e.g. a settings form and an onboarding wizard).
- Helper functions that take the `form` and call `getFieldValue`/`setFieldValue`.
…Read the whole file at its exact version.
How to install
mdr add suxrobgm/jobpilot/tanstack-form-composition@sha256:dbc3ca56931c31fcThe line at the top of this page pins the label git:20260701.d3b2a78, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
[](https://markdownregistry.com/a/art_dcdmo7dxwzv4v2s7)
4 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 3 versions of this file, between May 28, 2026 and Jul 1, 2026, about one every 17 days.
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| git:20260701.d3b2a78 latest | 2026-07-01 | d3b2a78 | 11,167 B | A | view · diff |
| git:20260629.a2f431d | 2026-06-29 | a2f431d | 11,201 B | A | view · diff |
| git:20260528.6c82020 | 2026-05-28 | 6c82020 | 11,205 B | A | view |
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (11167 bytes)
- pass: No zero-width or bidi control characters
- pass: No instruction hidden inside an HTML comment
- pass: No link to an exfiltration or paste host
- pass: No credential-shaped string
- pass: No instruction to send local credentials anywhere
- pass: No text hidden with inline styles
- pass: No prompt-injection phrasing
- pass: No curl or wget piped into a shell
- pass: No recursive delete of root, home or parent
- pass: No instruction to read or print local credentials
- pass: No base64 blob over 200 characters
- pass: No link to a raw IP address
- pass: No script tag
Source
suxrobgm/jobpilot · 104 stars · license MIT · pushed 2026-11-01 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_dcdmo7dxwzv4v2s7 GET https://markdownregistry.com/api/v1/resolve?ref=suxrobgm/jobpilot/tanstack-form-composition GET https://markdownregistry.com/api/v1/blob/dbc3ca56931c31fc1fa1b66a455facf63c19f89c9e8dbd04cb8b8a5a9ce0a5cc
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.