mcp-tooling
MCP Tooling Skill
Default tool choice (in order)
- Serena: repo exploration, symbol lookups, safe edits.
- TanStack MCP: Start/Router/Query/Form/Table behavior and examples.
- shadcn MCP: shadcn/ui components, variants, patterns.
- Supabase MCP: schema/RLS/migrations/logs.
- chrome-devtools-mcp: browser dev/test/debug for UI, network, and performance.
- Tavily MCP: live web search, extraction, and crawling for current info.
- Context7: versioned library docs and code snippets.
- Copilot search tools (#codebase): fast workspace search for local context.
Notes
- MCP servers are configured in the workspace; use them consistently when working in their domain.
- Prefer Tavily for fresh web info and Context7 for library-specific docs.
- Use #codebase when you need local project context quickly.
More from huynhsang2005/blog-tanstack
framer-motion
Create smooth, performant animations with framer-motion. Use when building page transitions, component animations, or gesture-based interactions.
18tanstack-form
Use TanStack Form for complex forms with Zod validation. Use when building non-trivial forms or admin editors.
10frontend-ui-ux
Designer-turned-developer workflow for crafting cohesive UI/UX with strong visual polish and interaction quality.
9tanstack-table
Use TanStack Table for complex admin grids and data tables. Use when you need sorting/filtering/pagination/column defs beyond a simple list.
8tanstack-start
Build features in TanStack Start (server/client boundaries, server functions, SSR-friendly data loading). Use when creating routes, server functions, or anything involving SSR/hydration/caching.
7tanstack-router
Work effectively with TanStack Router file-based routing in this repo. Use when adding/changing routes, loaders, route params/search params, or navigation.
6