Skills tanstack-integration
📦

tanstack-integration

Content revision r1 Safe ⚙️ External commands🌐 Network access

Assess TanStack Adoption Opportunities

Teams often add heavy libraries before a React app proves it needs them. This skill guides targeted TanStack adoption after vanilla code works.

Supports: Claude Codex Code(CC)
🥉 78 Bronze

Install with my Agent

Copy this request to your Agent. It includes the canonical Skill page and manifest.

Agent request
Review the Skillstore skill "tanstack-integration" from https://skillstore.io/skills/dicklesworthstone-tanstack-integration.md and its manifest at https://skillstore.io/api/skills/dicklesworthstone-tanstack-integration/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Your Agent should still show its plan and request any confirmation required by the security policy.

Agent-readable resources

Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.

Markdown detail GET /skills/dicklesworthstone-tanstack-integration.md Signed manifest GET /api/skills/dicklesworthstone-tanstack-integration/manifest Signed lockfile GET /api/skills/dicklesworthstone-tanstack-integration/lockfile

Test it

Using "tanstack-integration". Review a dashboard with repeated loading states, user refetching, and local filters.

Expected outcome:

  • Recommend TanStack Query for user data because caching and shared loading state are repeated.
  • Keep the small settings form vanilla because validation is simple.
  • Review the largest table separately before adding TanStack Table.

Using "tanstack-integration". Evaluate a customer table with sorting, filtering, pagination, and row selection.

Expected outcome:

  • TanStack Table is a strong candidate because several table behaviors are already custom-built.
  • Migration should start with column definitions and row selection tests.
  • Avoid TanStack Router because Next.js routing is already sufficient.

Security Audit

Safe
v8 • 7/6/2026 Open versioned report

The static findings are false positives caused by Markdown fences, inline library references, and example code. The network examples use relative API paths, and the project review language matches the stated TanStack analysis purpose.

1
Files scanned
282
Lines analyzed
0
Review items
0
False positives ignored

Risk Factors

⚙️ External commands (18)
SKILL.md:58-60 SKILL.md:60-143 SKILL.md:143-185 SKILL.md:185-198 SKILL.md:198-202 SKILL.md:202-208 SKILL.md:208-218 SKILL.md:218-221 SKILL.md:221-225 SKILL.md:225-235 SKILL.md:235-247 SKILL.md:247-252 SKILL.md:252-259 SKILL.md:259-261 SKILL.md:261-264 SKILL.md:264-266 SKILL.md:266-269 SKILL.md:269-271
🌐 Network access (3)
SKILL.md:192 SKILL.md:206 SKILL.md:143
No confirmed security findings were detected by the latest completed static and semantic audit. This does not prove the skill has no side effects.
Audited by: codex View Audit History →
Share & cite this report

Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.

Open versioned report
Security Assessment

Copy report link

https://skillstore.io/skills/dicklesworthstone-tanstack-integration/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown badge

[![Skillstore security assessment](https://skillstore.io/badges/skills/dicklesworthstone-tanstack-integration/security.svg)](https://skillstore.io/skills/dicklesworthstone-tanstack-integration?utm_source=security_passport_badge)

HTML badge

<a href="https://skillstore.io/skills/dicklesworthstone-tanstack-integration?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/dicklesworthstone-tanstack-integration/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Embed card

<iframe src="https://skillstore.io/embed/skills/dicklesworthstone-tanstack-integration.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
Academic citations (APA · BibTeX · CFF)

APA citation

Dicklesworthstone. (2026). tanstack-integration security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/dicklesworthstone-tanstack-integration/audits/8

BibTeX citation

@techreport{dicklesworthstone-dicklesworthstone-tanstack-integration-2026, author = {Dicklesworthstone}, title = {tanstack-integration security audit report (audit version 8)}, institution = {Skillstore}, year = {2026}, number = {8}, url = {https://skillstore.io/skills/dicklesworthstone-tanstack-integration/audits/8}, note = {Author version unspecified} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "tanstack-integration security audit report (audit version 8)" version: "unspecified" type: report authors: - name: "Dicklesworthstone" date-released: "2026-07-06" url: "https://skillstore.io/skills/dicklesworthstone-tanstack-integration/audits/8" identifiers: - type: other value: "skillstore:dicklesworthstone-tanstack-integration:audit:8" description: "Skillstore immutable audit report identifier"

Skillstore Score

Why this score Evidence Confidence: High
55
Architecture
85
Maintainability
87
Content
70
Community
83
Spec Compliance

What You Can Build

Plan React Refactors

Review a working app and choose TanStack changes that reduce repeated state management.

Control Library Sprawl

Decide when vanilla React remains simpler than adding another dependency.

Prepare Migration Tickets

Turn approved Query, Table, Form, or Virtual candidates into scoped implementation tasks.

Try These Prompts

Basic Adoption Review 
Analyze this working React or Next.js app for TanStack opportunities. List candidates, benefits, complexity, and what to keep vanilla.
Query Candidate Scan 
Find data fetching code that may benefit from TanStack Query. Prioritize caching, refetching, pagination, and optimistic update cases.
Table And Form Review 
Review forms, tables, and long lists. Recommend TanStack Form, Table, or Virtual only when current complexity justifies it.
Migration Plan 
Create a staged migration plan for approved TanStack changes. Include risks, tests, rollback points, and bundle-size checks.

Best Practices

  • Start from a working vanilla implementation before recommending TanStack.
  • Adopt one TanStack library at a time and measure the result.
  • Keep simple static tables, simple forms, and one-time fetches vanilla.

Avoid

  • Installing every TanStack library before clear needs are visible.
  • Replacing simple React code only because a library exists.
  • Ignoring bundle size, tests, and team familiarity during migration.

Frequently Asked Questions

Should I install every TanStack package first?
No. The skill recommends adoption only after a working vanilla version shows clear complexity or performance needs.
Can it replace a code review?
No. It helps plan refactors, but engineers should verify behavior, tests, accessibility, and bundle impact.
Does it work with Next.js App Router?
Yes. It often keeps App Router and recommends TanStack Router only when routing complexity justifies it.
Will it modify my files automatically?
No. It provides analysis prompts and migration guidance. File edits require a separate implementation request.
Which libraries does it cover?
It covers Query, Table, Form, Router, Virtual, and Ranger at a decision level.
Can it help legacy React apps?
Yes. It can identify high-value candidates before a staged migration.

Developer Details

License

MIT

Skillstore revision

r1

Version notice

The author did not declare a version.

Repository

https://github.com/Dicklesworthstone/agent_flywheel_clawdbot_skills_and_integrations/tree/main/skills/tanstack-integration

Ref

72d5025b022c77f7a51bdf5c1637c689c80e89d1

Maintenance freshness

7/18/2026

Usage

6 downloads · 215 views

File structure

📄 SKILL.md