TanStack · For frontend developers

Guide for implementing Langflow frontend query and mutation patterns with Axios and TanStack React Query v5.

langflow-ai/langflow

Guidelines for React 18 and TypeScript apps covering Suspense data fetching, lazy loading, feature folders, MUI v7 styling, TanStack Router and performance.

diet103/claude-code-infrastructure-showcase

Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query.

involvex/youtube-music-cli

Builds the visual layer of a holaOS dashboard app with TanStack Start and @holaboss/ui, starting from a bundled reference instead of a blank page.

holaboss-ai/holaOS

Review frontend code (.tsx, .ts, .js files) for quality, performance, and correctness against Langflow's frontend conventions.

langflow-ai/langflow

Create or refresh Morphous website design-system/theme bundles from animal, insect, plant, landscape, mineral, weather, or other nature motifs.

Ameyanagi/morphos

A skill your agent uses when working with BuzzForm schema-driven forms, @buildnbuzz/form-core, @buildnbuzz/form-react, or any related APIs like defineSchema, InferType, FormProvider, useDataField…

buildnbuzz/buzzform

Apply Shadmin feature-development standards (backend Go/Gin/Ent + frontend React/TS).

ahaodev/shadmin

使用 i18next-cli 检查、同步和整理本项目的国际化资源。涉及新增、修改、删除翻译键或国际化字符串，以及修复缺失翻译时使用。

huoshen80/ReinaManager

Official Feature-Sliced Design (FSD) v2.1 skill for applying the methodology to frontend projects.

feature-sliced/skills

A skill your agent uses when user wants to create a new Next.js 15 project (Todo/Blog/Dashboard/E-commerce/Custom domain) with App Router, ShadCN, Zustand, Tanstack Query, and modern Next.js stack

bear2u/my-skills

Read before writing or reviewing any frontend code in lightlystudioview - Svelte, TypeScript, or SvelteKit files.

lightly-ai/lightly-studio

A skill your agent uses when modifying Archestra frontend Next.js/React code, UI components, forms, TanStack Query hooks, generated API client usage, frontend copy, or documentation links.

archestra-ai/archestra

Builds tables and data grids for displaying tabular information, from simple HTML tables to complex enterprise data grids.

ancoleman/ai-design-components

Sets the conventions for the Opik React frontend: TanStack Query for data, Zustand for shared state, one-way layer imports and a fix for Google Translate crashes.

comet-ml/opik

在 ReinaManager 项目内进行隔离前端验证，复用测试目录并回收测试资源。需要模拟批量数据、延迟、失败或交互回归时使用。

huoshen80/ReinaManager

Operately frontend data fetching with TanStack Query. An agent skill from operately/operately.

operately/operately

A skill your agent uses when building Hono web applications or when the user asks about Hono APIs, routing, middleware, JSX, validation, testing, or streaming.

bskimball/tanstack-hono

Set up Lingui in a React framework. An agent skill from B0und/WikiSpeedrun.

B0und/WikiSpeedrun

Add an API-backed feature to the console (React/TypeScript web UI).

wso2/agent-manager

Build Svelte forms with TanStack Form, Zod validation, and API error mapping.

exceptionless/Exceptionless

Query boundaries with TanStack Query and Wellcrafted Results.

EpicenterHQ/epicenter

Powerful asynchronous state management, server-state utilities, and data fetching for TS/JS, React, Vue, Solid, Svelte & Angular.

bskimball/tanstack-hono

Web framework support matrix for EdgeOne Makers — which platform adapter each full-stack framework needs, where it plugs in, the build output directory, the preview asset-prefix option, the 404…

TencentEdgeOne/edgeone-makers-tools

Extract a Formik form section into a TanStack Form drawer with Zod validation, following the plan form migration pattern.

getlago/lago-front

Generic frontend development patterns for VeChain dApps — React Query, Turborepo architecture, state management, Chakra UI, i18n, loading states, and transaction UX.

vechain/x-app-template

Fetch data in Sentry's frontend with TanStack Query and apiOptions.

getsentry/sentry

Turns Stitch screens into a React, Vite and TypeScript dashboard with TanStack Query data fetching, DESIGN.md tokens as CSS variables and optional read-only Web3 data.

google-labs-code/stitch-skills

State management patterns - Zustand, Jotai, Context. An agent skill from emanueleielo/deepagents-open-lovable.

emanueleielo/deepagents-open-lovable

Guide for migrating forms from the legacy JsonForm/FormModel system to the new TanStack-based form system.

getsentry/sentry

Builds React 19 components in TypeScript with Server Components, useActionState forms, custom hooks and state libraries, checked with tsc and React Testing Library.

Jeffallan/claude-skills

Convert a page or component from useAsyncData/manual ref patterns to TanStack Query for server state management.

Mystic-Stars/Axolotl

Creates a new Lunora project or adds Lunora to an existing app, then gets the first schema + query/mutation round-trip running.

anolilab/lunora

Designer subsystem patterns for LlamaFarm. An agent skill from llama-farm/llamafarm.

llama-farm/llamafarm

Guides React Native and Expo work for cross-platform apps: Expo Router navigation, fast lists, Reanimated animation, platform-specific code and project structure.

tech-leads-club/agent-skills

Analyze and fix unnecessary useState, derived state, and server-state-in-local-state anti-patterns

simstudioai/sim

Apply Exceptionless Svelte conventions when adding or restructuring frontend features.

exceptionless/Exceptionless

Headless UI for virtualizing large element lists at 60FPS in TS/JS, React, Vue, Solid, Svelte, Lit & Angular.

udecode/plate

Required context for all frontend work. An agent skill from ambient-code/platform.

ambient-code/platform

This skill should be used when building React components with TypeScript, typing hooks, handling events, or when React TypeScript, React 19, Server Components are mentioned.

davila7/claude-code-templates

Apply TanStack Table UI-state patterns for Svelte data tables, including columns, rendering, sorting, filtering, pagination, and row identity.

EpicenterHQ/epicenter

Code style, logging, and testing conventions for SkillHub backend (Java) and frontend (TypeScript).

iflytek/skillhub

Coding conventions, architecture patterns, and testing rules for the SkillHub React frontend.

iflytek/skillhub

Apply Epicenter’s Svelte 5 patterns for runes, components, lifecycles, and workspace-backed state.

EpicenterHQ/epicenter

apps/web UI — routes, @repo/ui, TanStack Start server functions and collections, navigation (Link vs useNavigate), forms (useForm + createFormSubmitHandler + fieldErrorsAsStrings for Zod field…

latitude-dev/latitude-llm

React 18 patterns for LlamaFarm Designer. An agent skill from llama-farm/llamafarm.

llama-farm/llamafarm

Shared TypeScript best practices for Designer and Electron subsystems.

llama-farm/llamafarm

React/Next.js component design patterns, state management strategies, and project structure reference for frontend development.

modu-ai/moai-adk