One command puts a finished website online — ready-made pages, or a React or Vue app — served from machines near each visitor and secured with HTTPS out of the box.
WHEN TO USE
SCOPE
USE FOR
Deploy a static site or a client-only SPA (React, Vue, etc.) to a live URL.
Set up a custom domain for your hosted site.
Preview changes on a temporary URL before they go live.
Configure redirects, rewrites, and headers for your hosted site.
Automate previews and deploys from GitHub Actions.
NOT FOR
Not for a Next.js or Angular app needing server-side rendering — use Firebase App Hosting.
Doesn't cover sign-in, Firestore rules and queries, Data Connect, or Crashlytics.
This is a saved copy of the skill's SKILL.md instructions. It may differ from the upstream file or the version you install.
hosting-basics
This skill provides instructions and references for working with Firebase
Hosting, a fast and secure hosting service for your web app, static and dynamic
content, and microservices.
Overview
Firebase Hosting provides production-grade web content hosting for developers.
With a single command, you can deploy web apps and serve both static and dynamic
content to a global CDN (content delivery network).
Key Features:
Fast Content Delivery: Files are cached on SSDs at CDN edges around the
world.
Secure by Default: Zero-configuration SSL is built-in.
Preview Channels: View and test changes on temporary preview URLs before
deploying live.
GitHub Integration: Automate previews and deploys with GitHub Actions.
Dynamic Content: Serve dynamic content and microservices using Cloud
Functions or Cloud Run.
Hosting vs App Hosting
Choose Firebase Hosting if:
You are deploying a static site (HTML/CSS/JS).
You are deploying a simple SPA (React, Vue, etc. without SSR).
You want full control over the build and deploy process via CLI.
Choose Firebase App Hosting if:
You are using a supported full-stack framework like Next.js or Angular.
You need Server-Side Rendering (SSR) or ISR.
You want an automated "git push to deploy" workflow with zero configuration.
Instructions
1. Configuration (firebase.json)
For details on configuring Hosting behavior, including public directories,
redirects, rewrites, and headers, see
configuration.md.
2. Deploying
For instructions on deploying your site, using preview channels, and managing
releases, see deploying.md.
Connected services may require an account or charge fees.
Installation
One command — usually under 2 minutes.
🔌 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
