add-firebase

Integrate Firebase authentication, Firestore, storage, and sessions into Expo and Next.js apps.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/atemaguer/bfloat-ide --skill add-firebase
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: add-firebase
Source: https://github.com/atemaguer/bfloat-ide/tree/main/resources/skills/add-firebase
Command: npx skills add https://github.com/atemaguer/bfloat-ide --skill add-firebase

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill removes the friction of wiring Firebase into an existing app by handling authentication, Firestore, storage, and session-aware setup for Expo and Next.js projects.

Core Features & Use Cases

  • Expo and Next.js support: Detects the app platform and applies the correct Firebase client, auth, and persistence setup.
  • Full Firebase integration: Adds Firestore services, realtime collection and document hooks, storage support, and server-side admin utilities where needed.
  • Auth-first workflows: Creates sign-in and sign-up flows, session handling, and protected-route patterns so app data stays tied to authenticated users.
  • Use case: Ideal when an app needs Firebase added cleanly without hand-building boilerplate, especially during migration from local storage to cloud-backed user data.

Quick Start

Ask the skill to add Firebase to the current Expo or Next.js app and wire in auth, Firestore, and the required project files automatically.

Frequently Asked Questions about add-firebase

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add Firebase authentication and Firestore to an Expo app?

You can integrate Firebase authentication and Firestore into an Expo app by automatically detecting the platform and applying the correct Firebase client, auth persistence, and template-based configuration files for session-aware user data access.

Can I set up Firebase auth and storage in Next.js without writing boilerplate?

Setting up Firebase auth and storage in Next.js requires minimal manual boilerplate when using automatic platform detection to wire authenticated user data paths, Firestore services, and server-side admin utilities directly into your project.

What is the best way to migrate local storage data to Firebase Firestore?

Migrating local storage data to Firebase Firestore is handled through auth-first workflows that establish sign-in flows and protected-route patterns, ensuring your app data remains securely tied to authenticated users during the transition.

Does Firebase realtime data access work with both Expo and Next.js platforms?

Firebase realtime data access works with both Expo and Next.js by applying platform-specific Firebase clients and persistence setups, enabling realtime collection and document hooks alongside storage support across mobile and web environments.

How do I create protected routes with Firebase session management in Next.js?

Creating protected routes with Firebase session management in Next.js involves generating auth-first workflows that handle sign-in, sign-up, and session persistence, keeping authenticated user data paths secure across your application.

Do I need to manually configure the Firebase Console when integrating Firestore?

Integrating Firestore requires safe Firebase Console guidance rather than direct automated manipulation, ensuring you correctly configure authenticated user data paths and project settings manually while the Skill handles the application code boilerplate.