react-here-maps

This skill should be used when the user asks about libraries, frameworks, API references, or needs code examples. Activates for setup questions, code generation involving libraries, or mentions of specific frameworks like React, Vue, Next.js, Prisma, Supabase, etc.

Grilling session that challenges your plan against the existing domain model, sharpens terminology, and updates documentation (CONTEXT.md, ADRs) inline as decisions crystallise. Use when user wants to stress-test a plan against their project's language and documented decisions.

Configure this repo's productivity skills for the local markdown tracker and domain docs. Use before triage, to-prd, or to-issues when tracker setup docs are missing or stale.

Use when setting up or reviewing React server state with TanStack Query v5, writing query/mutation hooks, configuring QueryClient, adding optimistic updates, handling offline/network mode, building infinite queries, or testing data-fetching flows. Also use when fixing v4 to v5 migration errors such as object syntax, gcTime, isPending, keepPreviousData, throwOnError, or SSR/hydration behavior.

Break a plan, spec, or PRD into independently-grabbable local markdown issues using tracer-bullet vertical slices. Use when user wants to convert a plan into issues, create implementation tickets, or break down work into issues.

Turn the current conversation context into a PRD and publish it to the local markdown tracker. Use when user wants to create a PRD from the current context.

Triage issues through a state machine driven by triage roles. Use when user wants to create an issue, triage issues, review incoming bugs or feature requests, prepare issues for an AFK agent, or manage issue workflow.

Use when writing or reviewing React components, refactoring component APIs, reducing boolean prop proliferation, designing compound components, lifting state into providers, using context interfaces, or applying React 19 composition and ref patterns.

Use when writing, reviewing, profiling, or refactoring React code for Urbetrack, especially for render performance, avoiding waterfalls, TanStack Query deduplication, bundle size, expensive JavaScript, Suspense/loading behavior, event listeners, or memoization decisions.

Guides work inside React microfrontends generated by @urbetrack/create-mf. Use when building features in generated Urbetrack microfrontends, deciding file placement, adding pages/routes/hooks/services/stores, applying Custom Hooks + Pages Pattern, configuring error boundaries, running setup, or writing tests.

Reference for using Urbix component library (atoms, molecules, organisms). Use when building UI with Urbix components, needing component API/props, composition patterns, or usage examples. Triggers on importing from @urbix/ui or @urbetrack/urbix, using DataTable/SideFilterPanel/Dropdown/Dialog/Tabs/Button/Checkbox/BottomSheet/UploadFile, file upload, dropzone, bottom sheet, snap points, tab navigation, Vaul drawer, building pages or features that need UI components, or asking about Urbix component APIs.

Use when writing or reviewing React components, refactoring component APIs, reducing boolean prop proliferation, designing compound components, lifting state into providers, using context interfaces, or applying React 19 composition and ref patterns.

Use when writing, reviewing, profiling, or refactoring React code, especially for render performance, avoiding waterfalls, TanStack Query deduplication, bundle size, expensive JavaScript, Suspense/loading behavior, event listeners, or memoization decisions.