eralmansouri-tanstack-claude-plugin

TanStack Plugin Marketplace for Claude Code

A Claude Code plugin marketplace providing skills for TanStack libraries.

Note: Currently only TanStack Form is supported. More TanStack libraries (Query, Router, Table, etc.) may be added in the future.

Installation

1. Add the marketplace

/plugin marketplace add eralmansouri/tanstack-claude-plugin

2. Install the plugin

/plugin install forms@tanstack-claude-plugin

Or use the interactive menu:

/plugin

Then browse to "Discover" tab and select the forms plugin.

3. Restart Claude Code

Restart to load the skill.

What's Included

TanStack Form Skill

This plugin adds a TanStack Form skill that Claude automatically uses when you:

• Ask about TanStack Form or @tanstack/react-form, @tanstack/vue-form, etc.
• Build forms with validation (field-level, form-level, async)
• Work with array/dynamic fields
• Need SSR form integration (Next.js, TanStack Start, Remix)
• Integrate forms with UI libraries (shadcn, Material UI, Chakra, etc.)

Skill Contents

• instructions.md — When and how Claude should apply TanStack Form knowledge
• tanstack-form-overview.md — Installation, philosophy, core concepts
• tanstack-form-api.md — FormApi & FieldApi reference
• tanstack-form-guides.md — Validation, arrays, listeners, SSR, UI integration patterns

Usage Examples

Once installed, just ask Claude naturally:

• "Create a form with email and password validation using TanStack Form"
• "How do I handle array fields in TanStack Form?"
• "Add async username validation with debouncing"
• "Set up TanStack Form with Next.js server actions"

Supported Frameworks

TanStack Form supports React, Vue, Angular, Solid, Svelte, and Lit. The skill includes patterns for all frameworks.

License

MIT