Design system UI patterns for Supabase Studio. Use when building or updating pages, forms, tables, charts, empty states, navigation, cards, alerts, or side panels (sheets). Covers layout selection, component choice, and placement conventions.
Install
npx skills add supabase/supabase --skill studio-ui-patternsnpx skills add supabase/supabase --skill studio-ui-patterns -a claude-code -gnpx skills add supabase/supabase --skill studio-ui-patterns -a codex -ggemini skills install https://github.com/supabase/supabase.git --path .agents/skills/studio-ui-patternsgh skill install supabase/supabase studio-ui-patternsgit clone --depth 1 https://github.com/supabase/supabase /tmp/supabase__supabase
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/supabase__supabase/.agents/skills/studio-ui-patterns ~/.claude/skills/studio-ui-patterns # Claude Code
cp -R /tmp/supabase__supabase/.agents/skills/studio-ui-patterns ~/.agents/skills/studio-ui-patterns # Codex, Cursor, Gemini CLI, Copilot, OpenCode