tanstack-table
TanStack Table Skill
When to use
- Admin dashboards with complex tables (sorting/filtering/pagination/column visibility).
Workflow checklist
- Keep column definitions typed and stable (memoize columns and data).
- Prefer simple lists when the UX doesn’t need a full table engine.
- Ensure accessibility: keyboard nav, focus styles, headers/aria.
Tooling
- Use TanStack MCP for table API patterns and performance guidance.
- Use shadcn MCP for table UI primitives and variants.
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-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.
6zustand
Use Zustand for client state in this repo. Use when you need shared client state, derived selectors, or cross-component UI coordination.
4