home / skills / jokejason / local-context7 / tsf-docs

tsf-docs skill

/dotfiles/opencode/skills/tsf-docs

npx playbooks add skill jokejason/local-context7 --skill tsf-docs

Review the files below or copy the command above to add this skill to your agents.

Files (1)
SKILL.md
2.1 KB
---
name: tsf-docs
description: Local TanStack Form documentation reference. Use when asked about TanStack Form features, form validation, form state management, field arrays, React/Vue/Solid/Angular/Svelte form integration, or form submission handling.
---

# TanStack Form Documentation

TanStack Form is the ultimate solution for handling forms in web applications. It provides first-class TypeScript support, headless UI components, and a framework-agnostic design for form management across React, Vue, Solid, Angular, Svelte, and Lit.

## Navigation Guide

**Getting Started:** `references/` - Core docs (6 files)
- `overview.md`, `installation.md`, `typescript.md`, `philosophy.md`

**Framework Guides:** `references/framework/` - Framework-specific docs (112 files)
- React (36 files): `framework/react/guides/`
- Solid (27 files): `framework/solid/guides/`
- Vue (20 files): `framework/vue/guides/`
- Angular (15 files): `framework/angular/guides/`
- Svelte (8 files): `framework/svelte/guides/`
- Lit (6 files): `framework/lit/guides/`

**API Reference:** `references/reference/` - Complete API docs (74 files)
- Classes, functions, interfaces, type aliases

## Key Entry Points

| Task | Start Here |
|------|------------|
| Getting started | `references/overview.md` |
| Installation | `references/installation.md` |
| TypeScript setup | `references/typescript.md` |
| React forms | `references/framework/react/guides/` |
| Vue forms | `references/framework/vue/guides/` |
| API reference | `references/reference/index.md` |

## When to use

Use this skill when the user asks about:
- TanStack Form features and capabilities
- Form validation (sync, async, schema-based with Zod/Yup/Valibot)
- Form state management and subscriptions
- Field arrays and dynamic forms
- Framework-specific integration

## How to find information

1. **First**, read `references/STRUCTURE.md` to see all 192 documentation files organized by directory
2. Use Navigation Guide to find the section
3. Check Key Entry Points for common tasks
4. For API details: `references/reference/`

**STRUCTURE.md contains a complete file listing - always check it first when searching for specific topics.**