NTQ78/Todo-app

cloudflare-wrangler-cli

Use when deploying Cloudflare Workers, managing R2 storage, or working with Cloudflare infrastructure

frontend-antd-components

Use when working with ANTD components, theme tokens, icons, forms, or feedback components (message/notification/modal)

frontend-asset-management

Use when adding, referencing, or serving static assets (images, fonts, videos, 3D models) through the R2 CDN pipeline with type-safe imports

frontend-code-style

Use when writing or reviewing JavaScript/TypeScript code for style patterns like concise arrows, inline handlers, expression formatting, or when tempted to use eslint-disable

frontend-environment-variables

Use when working with environment variables in frontend code

frontend-hotkeys

Use when creating or modifying keyboard shortcuts/hotkeys in frontend code

frontend-mutation-hooks

Use when creating or using TanStack Query mutations for data modifications

frontend-naming-conventions

Use when creating or naming pages, components, stores, hooks, routes, or utilities

frontend-page-layout

Use when creating page layouts, handling height calculations, or structuring page components with flex/grid

frontend-profile-batch-query

Use when fetching user profiles in bulk (workaround for PostgREST cross-schema join limitation)

frontend-provider-context

Use when creating or modifying Provider Context components for local state management

frontend-query-hooks

Use when creating or using TanStack Query hooks for data fetching

frontend-realtime-sync

Use when adding new tables to realtime events system, implementing realtime subscriptions, or debugging org-scoped table sync issues

frontend-route-layout

Use when creating or modifying route-level layouts, layout routes, shared page wrappers using TanStack Router's Outlet pattern, or when a component wraps multiple pages

frontend-routing

Use when creating or modifying routes, route guards, or navigation

frontend-scene-timeline-playback

Use when implementing or modifying timeline playback, animation loops, or audio synchronization in the Scene Editor

frontend-supabase-auth

Use when implementing authentication, route guards, or user session management

frontend-supabase-sdk

Use when making direct Supabase SDK calls in TypeScript files (hooks, components, routes, utilities)

frontend-tanstack-store

Use when creating or modifying TanStack Store for global state management

frontend-three-fiber-drei

Use when working with React Three Fiber, drei components, 3D scenes, camera management, or coordinate systems (Y-up)

frontend-typed-enum-options

Use when creating SELECT, Radio, or dropdown options for database columns with fixed values - ALWAYS use instead of hardcoding options arrays

frontend-verification

Use when verifying frontend build or running type checks

general-chrome-validation

Use when user provides a URL in their prompt OR when working with a /p spec doc that has a Chrome Validation Tab URL

general-file-operations

Use when handling file paths or imports

general-pnpm-scripts

Use when running any PNPM custom script command to verify it exists first

general-skill-making

Use when creating new skills or understanding skill structure and conventions

general-slack

Use when working with Slack Lists URLs, record IDs, or Slack-related tasks

po

Product organization — Plane project management + Outline spec docs. Load for any Plane URL, module, work item, cycle, or Outline doc operation.

supabase-common-workflows

Use when implementing common Supabase patterns or quick reference for typical operations

supabase-edge-functions

Use when creating, naming, or organizing Supabase Edge Functions

supabase-migrations

Use when creating database migrations or modifying schema

supabase-rls-policies

Use when creating or modifying Row Level Security policies

supabase-schema-design

Use when designing database tables, columns (including fixed-value columns), relationships, or adding tables to the realtime events system

supabase-supabase-cli

Use when running Supabase CLI commands or investigating local/production database operations

supabase-verification

Use when verifying Supabase schema changes or generating types