Menú
Jeff's URL state conventions using nuqs. Use when working on pagination, search, filters, date/view modes, or route-level overlays.
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
Jeff's design language for react-app. Includes the full component-level conventions from the original linear-design skill plus Jeff's-specific direction (typography-first, subtle separators, and strict light/dark parity). Use when building or styling frontend
Jeff's route prefetch conventions for TanStack Router + React Query. Use when implementing or refactoring any data-fetching route, loader, or hooks.
Jeff's layout-stability conventions to prevent cumulative layout shift (CLS). Use when building loading states, image-heavy UIs, cards, tables, maps, and media containers.
Jeff's display-formatting conventions for money, numbers, dates, and date visuals. Use whenever rendering API values in UI.
Jeff's conventions for TanStack Form and overlay UX (Dialog, Sheet, route-driven state). Use for add/edit flows and modal/sheet interactions.
Jeff's cross-module implementation patterns for filter panels, table cells, status display, and employee-linked rows. Use for module-level route work across employees, leaves, dashboard, attendance, and similar list pages.
| name | jeff-url-state-nuqs |
| description | Jeff's URL state conventions using nuqs. Use when working on pagination, search, filters, date/view modes, or route-level overlays. |
Use URL query state as the source of truth for route-level, shareable state.
nuqs query state for data-fetch-affecting state.clearOnDefault: true for clean URLs.1 when search/filter/date changes.p: pageps: page sizeq: search queryd: single date (yyyy-MM-dd)df: date fromdt: date tov: view modeCommon filter keys:
fp positionsfl locationsfd departmentsfs statusesfss system statusesfas attendance statusesfam attendance methodsfsn shift namesKeep in URL:
Keep local: