Tanstack Table
This is the skill you want when you're building data tables that need to handle real backend data at scale. It covers TanStack Table v8 patterns for server-side pagination, filtering, and sorting, with specific focus on Cloudflare Workers and D1 integration. You get seven production templates including virtualization for massive datasets, TanStack Query coordination to avoid double-fetching headaches, and URL state sync. The skill explicitly documents the gotchas that trip people up: manual pagination state management, query key coordination, and the columnSizingInfo performance trap. If you're doing anything beyond a simple client-side table or migrating from an older React Table version, this has the patterns you need without the usual trial and error.
- skills.sh installs
- 513
- GitHub stars
- 248
- last updated
- Aug 21, 2026
Install
$ npx -y skills add secondsky/claude-skills --skill tanstack-table --agent claude-codeInstalls into .claude/skills of the current project.
Files
TanStack Table Skill
Build production-ready, headless data tables with TanStack Table v8, optimized for server-side patterns and Cloudflare Workers integration.
When to Use This Skill
Auto-triggers when you mention:
- "data table" or "datagrid"
- "server-side pagination" or "server-side filtering"
- "TanStack Table" or "React Table"
- "table with large dataset"
- "paginate/filter/sort with API"
- "Cloudflare D1 table integration"
- "virtualize table" or "large list performance"
Use this skill when:
- Building data tables with pagination, filtering, or sorting
- Implementing server-side table features (API-driven)
- Integrating tables with TanStack Query for data fetching
- Working with large datasets (1000+ rows) needing virtualization
- Connecting tables to Cloudflare D1 databases
- Need headless table logic without opinionated UI
- Migrating from other table libraries to TanStack Table v8
What This Skill Provides
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/secondsky/claude-skills
- Categories
- Backend & APIs, Cloud & Infrastructure
- First seen
- Jun 3, 2026
More from secondsky/claude-skills
All 146- Architecture Patterns508
- Api Rate Limiting507
- Api Security Hardening506
- Better Auth502
- Design System Creation500
- React Composition Patterns494
- Api Contract Testing491
- React Native Skills490
- Technical Specification489
- Mobile App Testing480
- Api Design Principles479
- Frontend Design479
- Threejs477
- Csrf Protection474
- Ml Model Training474
- Payment Gateway Integration469
- Test Quality Analysis469
- Api Reference Documentation465
- Tanstack Router461
- Systematic Debugging457
- Interaction Design456
- Mutation Testing456
- Api Error Handling455
- Internationalization I18n455
Recommended
More Backend & APIs
wecom-notifyxueheng-li/openclaw-wechatSend messages to WeCom (企业微信) via the WeCom API. Use when the user asks to "send wecom message", "notify via wecom", "发企业微信", "给我发企业微信消息", "wecom通知", "发文件到企业微信"512skills.sh installs
debugparcadei/continuous-claude-v3Debug issues by investigating logs, database state, and git history509skills.sh installs
rate-limiting-implementationaj-geddes/useful-ai-promptsImplement rate limiting, throttling, API quotas, and backpressure mechanisms to protect services from abuse and ensure fair resource usage. Use when building AP507skills.sh installs
generatorsrshankras/claude-code-apple-skillsCode generator skills that produce production-ready Swift code for common app components. Use when user wants to add logging, analytics, onboarding, review prom505skills.sh installs
pinme-emailglitternetwork/pinmeUse this skill when a PinMe project (Worker TypeScript) needs to integrate email sending (send_email). Guides AI to generate correct Worker TS code.504skills.sh installs
telegram-botopenclaudia/openclaudia-skillsSend messages, images, and marketing content to Telegram channels and groups via Bot API. Create formatted posts, polls, and media content for Telegram communit504skills.sh installs