Skip to content
Intent
Libraries
Loading libraries…
Blog
Blog & Release Notes
About
YouTube
The official TanStack channel.
Workshops
Live sessions from the maintainers.
Release Notes
The latest releases and changelog.
Community
Channels
Discord
Real-time community support.
GitHub
Source, issues, discussions, and releases.
People & Work
Maintainers
Meet the people maintaining the stack.
Showcase
Projects selected by the TanStack team.
Community projects
TanChat
NEW
Tools
Tools
Application Starter
Alpha
Generate TanStack app starters.
Stats
NPM and ecosystem usage data.
Merch
Support
Support
Support Overview
Find the right support path.
Partners
Companies supporting TanStack.
OSS Sponsors
Sponsors keeping TanStack open source.
Enterprise Support
Private consulting and expert support.
Contact
Get in touch with the TanStack team.
About
Ethos
How we approach open source.
Tenets
The values that shape TanStack libraries.
Design System
Logos, tokens, and UI components.
Search
Ask AI
Libraries
Blog
Community
TanChat
NEW
Tools
Merch
Support
Search
Ask AI
Sign In
Back
TanStack Intent
/
Registry
/
wcz-layout
Fetching package from npm...
TanStack Intent
/
Registry
/
wcz-layout
wcz-layout
10.1.10 (latest) — 13 skills
10.1.9 — 12 skills
10.1.8 — 12 skills
10.1.7 — 12 skills
10.1.6 — 12 skills
10.1.5 — 12 skills
6.7.3 — 0 skills
5.14.2 — 0 skills
10.1.2 — 12 skills
10.1.0 — 12 skills
10.0.0 — 12 skills
9.7.0 — 11 skills
9.6.6 — 10 skills
9.6.5 — 10 skills
9.6.4 — 10 skills
9.6.3 — 10 skills
9.6.2 — 11 skills
9.6.1 — 11 skills
9.6.0 — 11 skills
9.5.6 — 11 skills
9.5.5 — 11 skills
9.5.4 — 11 skills
9.5.3 — 11 skills
9.5.2 — 11 skills
9.5.1 — 11 skills
9.5.0 — 11 skills
9.4.3 — 11 skills
9.4.2 — 11 skills
9.4.1 — 11 skills
9.4.0 — 11 skills
9.3.0 — 11 skills
9.2.0 — 11 skills
9.1.2 — 11 skills
9.1.1 — 11 skills
9.1.0 — 11 skills
9.0.1 — 12 skills
9.0.0 — 11 skills
8.7.3 — 11 skills
8.7.2 — 11 skills
8.7.1 — 11 skills
8.7.0 — 11 skills
8.3.3 — 11 skills
8.3.2 — 11 skills
8.3.1 — 11 skills
8.3.0 — 11 skills
8.2.3 — 11 skills
8.2.2 — 11 skills
8.2.1 — 7 skills
8.2.0 — 7 skills
8.1.0 — 11 skills
8.0.5 — 11 skills
8.0.4 — 11 skills
8.0.3 — 11 skills
8.0.2 — 11 skills
8.0.1 — 11 skills
8.0.0 — 11 skills
7.10.8 — 11 skills
7.10.7 — 11 skills
7.10.6 — 11 skills
7.10.5 — 11 skills
7.10.4 — 11 skills
7.10.3 — 11 skills
7.10.2 — 11 skills
7.10.1 — 11 skills
7.10.0 — 11 skills
7.6.4 — 11 skills
7.6.3 — 11 skills
7.6.2 — 11 skills
7.6.1 — 0 skills
Copy install prompt
Skills
(13)
Skills
All Skills
13
ai
client-db
db-schema
dialogs
forms
general
migrations
routing
scanning
server-functions
services
start
table
Skills
13
History
ai
Use when adding LLM features (chat, streamed text, structured output, tools, media generation)
98 lines
client-db
Use when reading or writing client data with TanStack DB: collections, live queries, route preloading, optimistic writes, eager/on-demand sync, or browser SQLite persistence.
137 lines
db-schema
Use when changing PostgreSQL tables, columns, constraints, indexes, enums, foreign keys, relations, migrations, or Drizzle-derived Zod schemas in a wcz-layout app.
99 lines
dialogs
Use for acknowledgement alerts, confirmation prompts, or custom MUI Dialogs opened through useDialogs.
75 lines
forms
Use when building or changing forms, including fields, validation, submission, reset, date values, async initial values, or reusable subforms.
123 lines
general
Use ALWAYS, before any other skill here, for every code change in this project. Defines the approved stack (TanStack, Vite+, MUI), TypeScript and naming conventions, date formatting, light/dark theming, testing and the validation command, and the src/ and tests/ folder layout that decides where each new file goes.
137 lines
migrations
Use when upgrading the wcz-layout package to a newer major version. Each major ships only its own inbound guide, versions/migrate-v<N-1>-to-v<N>.md, delivered by installing it. One major per pass.
58 lines
routing
Use when adding or changing a page, route file, navigation entry, search params, or route-level access control. Covers createFileRoute, beforeLoad requireAuth, loader preloads, validateSearch, useSearch, src/routes/ naming and colocation, __root.tsx navigation and LayoutProvider options (app bar actions, showShell), the auth and login routes, and the RouterLink/RouterButton link components.
96 lines
scanning
Use when a feature reads barcodes or QR codes, from a handheld laser scanner (keystrokes) via useScanDetection or from the device camera via @yudiel/react-qr-scanner.
68 lines
server-functions
Use when adding or changing server functions, REST/API routes, background-job endpoints, or server-side data access.
96 lines
services
Use when a feature needs a built-in wcz-layout backend service: file upload, download, thumbnails; approval requests, approvers and flows; PeopleSoft employee, manager, department lookups; or sending email.
35 lines
start
Use when bootstrapping a cloned template: git remote, project rename, APM and WiCOP registration, Postgres, Entra ID, Vault, favicon, GitLab CI, and first push.
53 lines
table
Use when building or changing a data table. Covers useLayoutTable, LayoutTable, createLayoutColumnHelper, column definitions and headers, cell formatters, filter variants, sorting, row selection and bulk actions, per-row actions, pagination, footer aggregation.
268 lines
