Frontend & Design · TanStack

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

Walks through adding a Wagmi feature across its layers: a Viem-based core action, TanStack Query options, and React and Vue bindings.

wevm/wagmi

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

TanStack Query (React Query) best practices for data fetching, caching, mutations, and server state management.

DeckardGer/tanstack-agent-skills

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

Writes, fixes, and reviews SvGrid data-grid code in Svelte 5 projects - columns, features, inline editing, filtering, theming with --sg- tokens, server-side data, the built-in AI helpers, and the…

sv-grid/sv-grid

Guides scalability and performance work for VeloxDB's Tauri + Rust PostgreSQL backend and React + TanStack frontend.

veloxbase/veloxdb

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

Perform a complete @tanstack/react-table v8-to-v9 migration: hook and feature architecture, row-model slots, React state and subscriptions, rendering, composable tables, type helpers, and every…

octanejs/octane

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

Refactor high-complexity React components in Dify frontend. An agent skill from Ohh-889/skyroc.

Ohh-889/skyroc

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

Builds new holaOS apps with @holaboss/app-builder-sdk, either as integration-only MCP modules or as dashboard apps with a shadcn UI under src/client/.

holaboss-ai/holaOS

通过 CDP 连接 ReinaManager WebView2，复现、诊断并验证真实应用的前端问题。仅在用户显式调用 /cdp 或 $cdp 进行前端调试时使用。

huoshen80/ReinaManager

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

Use the shared TestProvider in workflowsmanagement Jest tests instead of hand-wiring KibanaContextProvider, QueryClientProvider, WorkflowsContextProvider, MemoryRouter, I18nProvider, and the Redux…

elastic/kibana

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

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