supabase-js
This skill should be used when user asks to "use supabase-js", "query Supabase database", "supabase auth", "supabase storage", "supabase realtime", "supabase edge functions", or works with the @supabase/supabase-js JavaScript/TypeScript SDK.
npx skills add fcakyon/claude-codex-settings --skill supabase-js --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Supabase JavaScript SDK Skill Skill for building applications with the `@supabase/supabase-js` SDK. Covers Auth, Database (PostgREST), Storage, Realtime, and Edge Functions. The SDK docs at https://supabase.com/docs/reference/javascript are the source of truth. The reference files alongside this skill contain source code and READMEs extracted from the monorepo for quick lookup. ## Setup ```bash npm install @supabase/supabase-js ``` ```typescript import { createClient } from '@supabase/supabase-js' const supabase = createClient('https://xyzcompany.supabase.co', 'public-anon-key') ``` For type-safe queries, generate types from your database schema: ```bash supabase gen types typescript --project-id your-project-id > database.types.ts ``` ```typescript import { createClient } from '@supabase/supabase-js' import type { Database } from './database.types' const supabase = createClient<Database>(SUPABASE_URL, SUPABASE_ANON_KEY) ``` ## Quick Decision Trees ### "I need to query data" ``` Database query? ├─ Select rows → supabase.from('table').select('*') ├─ Filter rows → .select().eq('col', val) / .gt() / .lt() / .in() / .like() ├─ Join tables → .select('*, other_table(*)') or .select('*,
- Setup
- Quick Decision Trees
- "I need to query data"
- "I need authentication"
- "I need file storage"
- "I need realtime"
- "I need edge functions"
- Common Patterns
- Server-side with service role key
- React/Next.js auth
- Typed database queries
- Package Index
npm install @supabase/supabase-js supabase gen types typescript --project-id your-project-id > database.types.ts
What does the supabase-js skill do?
This skill should be used when user asks to "use supabase-js", "query Supabase database", "supabase auth", "supabase storage", "supabase realtime", "supabase edge functions", or works with the @supabase/supabase-js JavaScript/TypeScript SDK.
How do I install it?
Run `npx skills add fcakyon/claude-codex-settings --skill supabase-js --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From fcakyon/claude-codex-settings, a repository with 967 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.