Summary
This is a practical guide for working with React and TanStack libraries with senior-level patterns baked in. It prioritizes KISS principles over clever code, readability over brevity, and includes a quick decision tree for common scenarios. The philosophy leans hard on composition, colocation, and type safety, which tracks with modern React best practices. Worth grabbing if you're working with TanStack Query, Table, or Router and want Claude to default to pragmatic patterns instead of overly abstracted solutions. The 122 installs suggest it's seeing real use, and it passed the usual security audits cleanly.
Install to Claude Code
npx -y skills add modra40/claude-codex-skills-directory --skill react-tanstack-senior --agent claude-codeInstalls into .claude/skills of the current project.
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Files
SKILL.md
Select a file.
Featured
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →First SeenJun 3, 2026
