본문으로 건너뛰기
cccskills
무료GitHub에 공개

setup-supabase

Set up or resume a minimal Supabase Cloud integration for an application, with optional email/password or Google authentication, the official profiles pattern, owner-only authorization, and a protected settings page. Use when a project needs Supabase connected or a learner-friendly Supabase Auth setup without broader backend features or production hardening.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

toy-crane/claude-code-playbook-template스타 77(GitHub 77 + cccskills 0)
연동 도구SupabasePostgreSQL

실행 점수 미검증

설치 방법 보기

포함된 파일(2)

  • SKILL.md7.3 KB
  • agents/openai.yaml240 B

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Setup Supabase

Build the smallest working Supabase Cloud path that fits the existing application. This skill coordinates decisions, delegates implementation details to current official guidance, and verifies runtime behavior. Do not copy commands, SQL, framework snippets, or dashboard click paths into this skill.

Inspect before changing anything

  • Identify the framework, installed version, router, runtime, and whether the app uses server-side rendering.
  • Inspect existing environment variables, Supabase clients, Auth code, migration structure, Cloud project references, and profile data model.
  • Reuse compatible work. Do not overwrite existing configuration or create a duplicate Cloud project, client, profile table, trigger, or policy.
  • If the target Cloud project is ambiguous, stop and ask the user to select it.

Prepare official Supabase skills

Before making any Supabase decision or change, consult the current Supabase Agent Skills documentation.

  • Verify that the required skills come from Supabase's official source and are current. Install or update only the relevant Supabase skills at project scope using the method currently documented by Supabase. The current required pair is supabase and supabase-postgres-best-practices; reconcile that list with the official documentation at execution time.
  • Read the official supabase skill before any Supabase work. Before changing tables, migrations, triggers, grants, or RLS, also read the current official database best-practices skill. The documentation is authoritative if names or installation details change.
  • Do not substitute community skills, update unrelated skills, or reproduce the official skills inside this skill.
  • If the official skills cannot be verified, installed, updated, or read, report the blocker and stop instead of relying on model memory.

Choose the setup scope

Ask whether the user wants Auth.

If Auth is not wanted, connect or reuse the Supabase Cloud project, expose only the client-safe connection values the application needs, verify the minimal connection through an existing safe path, and stop. Do not create profiles, Auth UI, RLS policies for profiles, or /settings.

If Auth is wanted, offer only these choices and implement only the selected one:

  • Email and password — the default for the course.
  • Google — an optional recommendation when the user can complete the Google OAuth prerequisites during the session.

For email and password, ask whether email confirmation should be enabled. Recommend disabling it for the time-bounded course because the hosted default mail service can block or delay the primary path. Never change that setting without the user's choice. When confirmation remains enabled, include the confirmation callback in the setup and completion check. Do not add custom SMTP.

Before proceeding with Google, confirm that the user can supply or configure the required Google OAuth credentials and that the actual local and deployed origins are known. If not, offer to switch to email and password or defer Google. Keep Google optional even when recommended.

Configure Supabase Cloud and the application

Follow the current official documentation and the loaded official skills rather than a memorized procedure.

  • Reuse or create one hosted project and configure only what the chosen path requires.
  • Use the Project URL and a publishable client key in client-visible application configuration. Never expose a secret or service-role key to client code or commit credentials.
  • When Auth is selected, align Site URL, allowed redirects, provider settings, and callback behavior with the environments that will actually be exercised.
  • Follow the current framework-specific official integration. In server-rendered applications, make authorization decisions from server-verified identity and preserve the official cookie-based session refresh behavior; do not authorize from client state or an unverified session user alone.
  • Do not require the Supabase MCP server, an agent plugin, local Supabase, Docker, or deployment automation. Use an existing migration workflow when present, but do not introduce a local database workflow solely for this setup.

Add the minimal authenticated experience

When Auth is selected:

  • Support sign-up or first sign-in, sign-in, sign-out, and session persistence for the chosen method.
  • Apply Supabase's current official user-management profile pattern. Tie profiles to Auth users, keep profile lifecycle consistent with user creation and deletion, and enable owner-only access with RLS.
  • Reuse an existing profile name field. If none exists, add only one editable display name field. Do not add avatars, bios, roles, or public profiles.
  • Protect /settings. It should expose only the minimal profile view and edit behavior needed to prove the authenticated path.

Use the current official User Management, RLS, SSR Auth, Password Auth, and Google Auth guides only when their branch applies.

Verify observable behavior

Do not treat files, policies, or UI presence as proof of completion. Exercise the runtime path that was selected.

Without Auth, verify the application reaches the intended Cloud project through the client-safe configuration and confirm that no Auth-only artifacts were added.

With Auth, verify all applicable outcomes:

  • the selected method completes sign-up or first sign-in, sign-in, and sign-out;
  • the session survives a refresh;
  • a profile is created for a new user;
  • the user can read and update their own profile;
  • an unauthenticated user and another authenticated user cannot read or update it;
  • /settings rejects unauthenticated access; and
  • after sign-out, /settings is inaccessible again.

Use two users or an equivalent check supported by the official skills to prove the owner-only boundary. If email confirmation is enabled, verify that flow too.

Stop and report honestly

Pause when the next step requires user login, consent, or secret entry. Also stop when the official skills are unavailable, the target Cloud project is unclear, or existing configuration conflicts cannot be resolved safely. State where work stopped and the single next user action needed; do not claim completion.

At the end, report the selected choices, official skills and documentation used, Cloud and repository changes, runtime evidence, and any remaining user action.

Keep password reset, Magic Link, OTP, phone Auth, MFA, SSO, extra providers, RBAC, account deletion, Storage, custom SMTP, and general production hardening outside this setup.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Audit and establish current agent context for the technologies that define a project's stack. Use when setting up a project for agent work, after selecting or adding a framework, library, developer tool, or hosted service, or when entering an existing project whose agent context has not been audited.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

toy-crane/claude-code-playbook-template772026년 10월 21일 업데이트

Revise active `docs/specs/SLUG/` specs so they match what has shipped since they were written. Use when earlier work has landed and queued specs may now rest on stale assumptions, acceptance criteria, constraints, terms, or prototypes, or when implementation reports a spec as stale before changing source. Takes one or more spec folders, or every folder under `docs/specs/` when none is named. Do not use to shape a new spec from a problem and direction, which belongs to `shape-idea`, or to reconcile durable project context and retire shipped folders, which belongs to `maintain-project-context`.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

toy-crane/claude-code-playbook-template772026년 10월 21일 업데이트

Build a complete dummy-data HTML prototype or a temporary comparison of up to three alternatives for a specific user situation. Use to settle a screen-based product before implementation or resolve a visual or interaction decision during shaping or prototype review. Do not use for production implementation or CLI, terminal, or voice interfaces.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

toy-crane/claude-code-playbook-template772026년 10월 21일 업데이트

commit

무료

Create Git commits for the current request's in-scope changes as logical Conventional Commits. Always use this skill for an actual Git commit operation, including requests to commit or amend changes, save work in repository history, stage and record selected files, or group staged or unstaged changes into commits. Use it even when the request describes recording changes without saying "commit"; it performs the commit rather than only suggesting a message, and it does not push.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

toy-crane/claude-code-playbook-template772026년 10월 21일 업데이트

Interview the user to define or revise the app's overall product direction, then preserve the confirmed meaning in root PRODUCT.md. Always use for a new app direction or any app-wide change to users, usage situations, problem, promised change, core loop, durable boundaries, experience principles, success signals, assumptions, or unknowns, even when PRODUCT.md is not named. Start from an existing definition or a rough app direction. Do not use for blank-page idea discovery, architecture, or shaping or specifying one feature or work unit.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

toy-crane/claude-code-playbook-template772026년 10월 21일 업데이트

Render an explanation as a diagram, comparison, trace with real values, or annotated code. Use when the user asks to have a concept, decision, flow, or code explained, or says they do not follow.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

toy-crane/claude-code-playbook-template772026년 10월 21일 업데이트

toy-crane의 스킬 모두 보기

이 스킬의 문제 신고