How does it handle OAuth providers?

It provides standardized implementations for Google and GitHub sign-in using Firebase's popup methods and profile scoping.

Can I customize the user-facing error messages?

Yes, the skill includes a reference table mapping Firebase error codes to user-friendly messages that you can easily modify.

Does this skill support Next.js App Router?

Yes, it includes specific patterns for Next.js Middleware and Server Components to protect routes effectively using Firebase tokens.

Is anonymous authentication covered?

Yes, it includes patterns for implementing guest sessions via Firebase Anonymous Authentication to reduce friction for new users.

What security practices are prioritized?

The skill emphasizes using HttpOnly cookies over localStorage to mitigate XSS risks and mandates server-side token verification.

Firebase Authentication Patterns

Name: Firebase Authentication Patterns
Author: Agentient

byAgentient

セキュリティとテスト

Implements secure Firebase Authentication flows including OAuth, session management, and protected routes for web applications.

概要

This skill provides a comprehensive suite of implementation patterns for Firebase Authentication, enabling developers to quickly integrate secure sign-in, sign-up, and session management workflows. It covers everything from standard email and password authentication to OAuth providers like Google and GitHub, while emphasizing security best practices such as HttpOnly cookie storage, server-side token verification with the Firebase Admin SDK, and robust error handling for common authentication failures in React and Next.js environments.

主な機能

Next.js integration with Middleware and Server Component authentication guards
Multi-provider support including Email/Password, Google, GitHub, and Anonymous auth
0 GitHub stars
Comprehensive mapping and handling for Firebase-specific authentication errors
Client-side session management using React Context and Auth Providers
Secure password management including reset and email verification flows

ユースケース

Building a secure user dashboard with protected routes in a Next.js application
Implementing robust password reset and email verification systems for user onboarding
Adding social login providers like Google or GitHub to a production web project

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add agentient/vibekit firebase-authentication-patterns

For use in Claude.ai and ChatGPT

Download Skill

GitHub

概要