firebase-auth-setup
Configures Firebase Authentication — providers, security rules, custom claims, and React auth hooks
Why use this skill?
Automate your Firebase Authentication setup in Next.js. Configure providers, middleware, hooks, and Supabase user syncing with the OpenClaw expert agent.
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/guifav/firebase-auth-setupWhat This Skill Does
The firebase-auth-setup skill is a specialized OpenClaw agent capability designed to bootstrap, maintain, and secure Firebase Authentication within Next.js App Router applications. It streamlines the complex task of integrating identity providers, managing Firebase Admin SDK configurations, and implementing server-side route protection. By adhering to a mandatory security-first Planning Protocol, the skill ensures that developers avoid common pitfalls such as session leakage, improper middleware configuration, and state synchronization issues between Firebase and Supabase. The skill covers the end-to-end implementation of authentication, including configuring React auth hooks, managing custom claims for RBAC, and setting up middleware that verifies JWTs via Firebase Admin.
Installation
To integrate this skill into your environment, run the following command in your terminal within your project root:
clawhub install openclaw/skills/skills/guifav/firebase-auth-setup
Use Cases
- Initial Project Setup: Rapidly scaffold a secure authentication architecture using Firebase and Next.js.
- Provider Expansion: Integrate additional OAuth providers like Apple, GitHub, or Microsoft into an existing application without breaking current RLS or middleware logic.
- Supabase Syncing: Implement robust user profile synchronization where Firebase UIDs are mapped to Supabase database rows, maintaining referential integrity across the stack.
- Access Control: Manage complex role-based access control (RBAC) using Firebase custom claims and securing server-side routes.
Example Prompts
- "Initialize Firebase auth in my new Next.js 14 project, including Google and Email/Password providers, and set up the
use-authhook." - "Add a middleware check that verifies Firebase ID tokens and redirects unauthenticated users to the login page."
- "Configure a background sync route that creates a user profile in Supabase whenever a new user signs up via Firebase."
Tips & Limitations
- Planning Phase: Never bypass the Planning Protocol. Security misconfigurations are difficult to debug after production deployment.
- Credential Security: The skill is designed to interact with configuration files and SDKs. Never expose your
FIREBASE_ADMIN_SERVICE_ACCOUNTin client-side code; the agent is configured to respect environment variable boundaries. - Environment Sync: Always ensure your
.env.examplefile is updated to reflect new providers; the agent will prompt you to verify these during the execution phase.
Metadata
Not sure this is the right skill?
Describe what you want to build — we'll match you to the best skill from 16,000+ options.
Find the right skillPaste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-guifav-firebase-auth-setup": {
"enabled": true,
"auto_update": true
}
}
}Tags(AI)
Flags: file-write, file-read, code-execution
Related Skills
supabase-ops
Manages Supabase migrations, types generation, RLS policies, and edge functions
interop-forge
Integration architect for multi-app monorepos — shared contracts, API-first design with OpenAPI, cross-app auth, auto-generated SDKs, and full MCP server scaffolding per app
cloudflare-guard
Configures and manages Cloudflare DNS, caching, security rules, rate limiting, and Workers
stack-scaffold
Scaffolds a full-stack project with Next.js App Router, Supabase, Firebase Auth, Vercel, and Cloudflare
gcp-fullstack
Full-stack super agent for projects on Google Cloud Platform with GitHub and Cloudflare — covers scaffolding, compute, database, auth, deploy, CDN, and security