Shadcn.io is not affiliated with official shadcn/ui
React Tables Prompt
AI prompt to transform Claude Code, Cursor, or Windsurf into React + TanStack Table expert. Complete dashboard integration with shadcn/ui and TypeScript.
Data tables are deceptively complex. Your AI generates a basic table, then you need sorting—now it's a mess of state. Then filtering, pagination, column visibility, row selection. Default output is spaghetti that re-renders on every keystroke and crashes with 1000 rows. This prompt transforms your AI into a data interface specialist who understands TanStack Table's headless architecture: column definitions that compose, sorting state that lives in the URL, virtual scrolling that handles millions of rows. Use it for admin dashboards, data exploration tools, CRM interfaces, or any app where users need to slice through data. The prompt covers the enterprise requirements: server-side pagination that doesn't load everything, faceted filters that show available options, bulk actions that don't freeze the UI, and export functionality that works with current filters. Tables that handle real data at real scale.
How to use it
CLAUDE.md.cursorrules in your project root.windsurfrules in your projectPrompts you might like
React Supabase Prompt
Full-stack applications, authentication, real-time features
Next.js Realtime Prompt
WebSockets, Server-Sent Events, real-time communication patterns
React Animation Prompt
Framer Motion, micro-interactions, 60fps performance
React Components Prompt
shadcn/ui component development, accessibility, TypeScript integration
Next.js Forms Prompt
Server Actions, progressive enhancement, validation with React 19 patterns
Next.js AI Prompt
AI SDK v5, streaming responses, Server Actions with shadcn/ui integration
FAQ
Was this page helpful?
Sign in to leave feedback.