Add or change accessible drag-and-drop, drag-to-create, or resize interactions in apps/web with @dnd-kit/core. Use when changing DndContext, draggable/droppable elements, sensors, drag previews, or schedule positioning.
Create and change accessible forms in apps/web with @tanstack/react-form, Zod, and the project's shadcn/ui Field components. Use for form state, validation, submission, field arrays, or form error UI.
Add accessible, conflict-free keyboard shortcuts in apps/web with @reecelucas/react-use-hotkeys. Use when creating or changing shortcut handlers, command actions, shortcut labels, or shortcut documentation.
Add or change typed React Context providers and consumers in apps/web. Use when introducing context, custom context hooks, provider scope, context performance, or missing-provider behavior.
Add or change Zustand stores in apps/web, including selectors, actions, persistence, storage normalization, and migrations. Use when changing files under src/stores or consuming persisted client state.