Takes a website whose pages are put together by code as each visitor arrives — the Next.js and Angular kind — and gets it running live on Google's servers.
WHEN TO USE
SCOPE
USE FOR
Deploy a Next.js or Angular app with server-side rendering to a live URL.
Store sensitive keys as secrets that your deployed backend can read safely.
Set up automatic deploys from GitHub every time you push to your repo.
Test your app locally with the Firebase emulator before deploying it.
NOT FOR
Not for a static site or single-page app without SSR — use Firebase Hosting instead.
Doesn't cover user sign-in, Firestore, Crashlytics, or Xcode project setup.
This is a saved copy of the skill's SKILL.md instructions. It may differ from the upstream file or the version you install.
App Hosting Basics
Description
This skill enables the agent to deploy and manage modern, full-stack web
applications (Next.js, Angular, etc.) using Firebase App Hosting.
Create or edit apphosting.yaml- see
Configuration for more information on how to
do so.
If the app needs safe access to sensitive keys, use
npx -y firebase-tools@latest apphosting:secrets commands to set and grant
access to secrets.
Run npx -y firebase-tools@latest deploy when you are ready to deploy.
Automated deployment via GitHub (CI/CD)
Alternatively, set up a backend connected to a GitHub repository for automated
deployments "git push" deployments. This is only recommended for more advanced
users, and is not required to use App Hosting. See
CLI Commands for more information on how to set
this up using CLI commands.
Emulation
See Emulation for more information on how to test
your app locally using the Firebase Local Emulator Suite.
Account or credentials required
1 FOR YOU · 2 FOR THE AGENT
All items below are required.
01
Upgrade to the Blaze pay-as-you-go plan
Firebase App Hosting requires the project to be on the Blaze pricing plan; upgrade at the Firebase console billing page before deploying.
02
Add an apphosting block to firebase.json
Configure firebase.json with an apphosting block setting backendId, rootDir, and an ignore list (e.g. node_modules, .git) before running deploy.
03
Deploy the app
Run npx -y firebase-tools@latest deploy to build and deploy the configured App Hosting backend.
npx -y firebase-tools@latest deploy
Listed as free
Connected services may require an account or charge fees.
🔌 This skill ships inside the Firebase Agent Skills plugin. Listed package contents include 1 agent and an MCP server. Installed components and skill versions may vary by AI tool.
Install just this skill
Run this outside your AI tool, using Node.js 22.20.0 or newer. Skills CLI 1.7.2 skips skill selection; prompts cancel installation without an interactive terminal. If choosing Project when asked about installation scope, open your project's folder before running this.
Install checklist
Check selected tools if a picker appears; Claude Code may be unchecked under Additional agents. ↑/↓ moves, Space toggles selections, Enter confirms.
Without a tool picker, check Installing to: for your intended tool. Stop if it names a different tool.
If asked, choose Symlink (Recommended) for shared files or Copy to all agents for separate copies; review the summary before confirming installation.
Install the find-skills skill? defaults to Yes, adding another skill for all projects. Choose No if you don't want that extra installation.
Skills CLI 1.7.2 sends install data to skills.sh by default, including the source, skill names, target tools and file details; GitHub sources are reported only when GitHub confirms the repository is public, while other remote sources can also be reported. Confirmed-public GitHub sources also trigger a security-audit request. Before installing, set the environment variable DO_NOT_TRACK=1 or DISABLE_TELEMETRY=1 to disable both.
After installing for Claude Code, open it in the installation project if you chose Project; Global makes the skill available across projects on this computer. Once Claude Code loads the skill, its description helps Claude decide when to use it.
If installation created a top-level skills folder that did not exist when your Claude Code session started, run /reload-skills in that session. Run it again after later changes in that folder.
Install the whole plugin
This route installs the Firebase Agent Skills plugin package selected for your AI tool.
Add the plugin's marketplace, then install it
Install Claude Code first to get the claude command, then run the commands below in your terminal, outside a Claude Code session.
claude plugin marketplace add firebase/agent-skills
claude plugin install firebase@firebase
Add Firebase's marketplace, then install the plugin
Run both lines in a terminal. They add Firebase's marketplace, which is this repository, and install the firebase plugin: Firebase's skills plus the Firebase MCP server.
Plugins work in Codex CLI and the ChatGPT desktop app, not in the Codex IDE extension.
For the desktop app, Firebase has you run the first line, fully restart the app, then install Firebase from Plugins.
Run it in a terminal, not inside a Gemini CLI session. It installs this repository as a Gemini CLI extension with Firebase's skills and the Firebase MCP server.
Install checklist
Installing from GitHub needs git on your computer.
Node.js, because the Firebase MCP server starts through npx.
Skill for converting an installed Firebase Extension (or extension source) into a standalone Cloud Functions for Firebase codebase or publishable npm package, including V1 to V2 trigger upgrades, lifecycle hooks, and declarative securityRead full description
Official skill for integrating Firebase AI Logic (Gemini API) into web applications. Covers setup, multimodal inference, structured output, and security.Read full description
Guide for setting up and using Firebase Authentication. Use this skill when the user's app requires user sign-in, user management, or secure data access using auth rules.Read full description
Provides foundational setup, authentication, and project management workflows for Firebase using the Firebase CLI. Use when checking Firebase CLI version (must use 'npx -y firebase-tools@latest --version'), initializing a Firebase environment, authenticating, setting active projects, or setting up google-services.json or GoogleService-Info.plist files.Read full description
Comprehensive guide for Firebase Crashlytics, including provisioning and SDK usage. Use this skill when the user needs help setting up Crashlytics, adding crash reporting, or using the Crashlytics SDK in their application.Read full description
Builds and deploys Firebase SQL Connect (aka Firebase Data Connect) backends with PostgreSQL securely. Use when designing schemas with tables and relations, writing authorized queries and mutations, configuring real-time data updates, or generating type-safe SDKs. Use when you need a relational database with Firebase, or when the user mentions SQL Connect or Data Connect.Read full description
