Integrate Firebase services using AI assistance

Streamline your Firebase setup for web apps by using AI-powered development tools such as Antigravity, Claude Code, Codex, and Cursor. By using Firebase agent skills in tandem with the Firebase CLI and Firebase MCP server, you can transform your AI coding agent into a specialized Firebase expert that can write code, configure Firebase Security Rules, and manage live resources.

This guide covers using an AI coding agent to help set up Cloud Firestore, Authentication, and Firebase Hosting for a web app. Check back soon for information about iOS, Android, and Flutter apps!

Why use Firebase agent skills and tools?

General AI models often struggle with specific project configurations or outdated information. This toolkit bridges that gap:

• Firebase agent skills: Skills provide the coding agent with domain expertise. They provide up-to-date documentation and optimal workflows so the agent knows the correct, Firebase-recommended way to structure your architecture.
• Firebase MCP server: The MCP server gives the coding agent context and access. It establishes a standard protocol for the agent to programmatically inspect your active project resources, local files, and configurations.
• Firebase CLI: The command-line interface gives the coding agent actionable power. It's the execution tool that the agent uses to perform heavy-lifting tasks like initializing databases, managing user authentication configs, and deploying code on your behalf.

Using Firebase agent skills alongside the Firebase CLI and Firebase MCP server gives your AI coding agent additional abilities:

• Take action: Do more than just write code. Your agent can initialize services, manage Authentication users, deploy new Firebase Security Rules, and work directly with your Cloud Firestore data.
• Stay up-to-date: Use official, version-aware prompts to guide your agent through setup tasks.
• Improve accuracy: Access your project's environment and schemas to provide more relevant and accurate help.
• Reduce token costs: Agent skills load detailed documentation only when a specific task requires it, which minimizes session overhead.

Which Firebase services can the agent skills and tools assist with?

This guide focuses primarily on how agent skills, the Firebase CLI, and the Firebase MCP server work together to help you quickly set up these services and features:

• Cloud Firestore: Provision a NoSQL database.
• Authentication: Set up secure user sign-in.
• Firebase Security Rules: Generate and refine Security Rules for your app.
• Firebase Hosting: Set up your project for static web app deployment.

For a complete list of what's available, browse the complete list of Firebase agent skills.

General workflow

The following steps describe a generalized workflow for how to use Firebase agent skills to set up and use Firebase services in a web app. Behind the scenes, agent skills are using the Firebase CLI and the Firebase MCP server to complete these tasks.

Step 1: Install Firebase agent skills

In most cases, you can install Firebase agent skills in your preferred editor with a single prompt:

npx skills add firebase/agent-skills --agent=antigravity

claude plugin marketplace add firebase/agent-skills
claude plugin install firebase@firebase

npx skills add firebase/agent-skills --agent=codex

npx skills add firebase/agent-skills --agent=cursor

npx skills add firebase/agent-skills

Step 2: Connect to the Firebase MCP server

While many Firebase agent skills use the Firebase CLI for tasks, connecting your AI coding agent to the Firebase MCP server is recommended. This connection enhances your agent's ability to interact with your Firebase environment, providing deeper integration and access.

AI-assisted method

In most cases, you can ask your AI coding agent to set up the Firebase MCP server. However, if it struggles or you don't see the Firebase MCP server listed, switch to the Manual method.

Manual method

{
  "mcpServers": {
    "firebase-mcp-server": {
      "command": "npx",
      "args": ["-y", "firebase-tools@latest", "mcp"]
    }
  }
}

{
  "mcpServers": {
    "firebase": {
      "command": "npx",
      "args": ["-y", "firebase-tools@latest", "mcp"]
    }
  }
}

{
  "mcpServers": {
    "firebase": {
      "command": "npx",
      "args": ["-y", "firebase-tools@latest", "mcp"]
    }
  }
}

{
  "mcpServers": {
    "firebase": {
      "command": "npx",
      "args": ["-y", "firebase-tools@latest", "mcp"],
      "disabled": false
    }
  }
}

"mcpServers": {
  "firebase": {
    "command": "npx",
    "args": ["-y", "firebase-tools@latest", "mcp"]
  }
}

"servers": {
  "firebase": {
    "type": "stdio",
    "command": "npx",
    "args": ["-y", "firebase-tools@latest", "mcp"]
  }
}

"mcp": {
  "servers": {
    "firebase": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "firebase-tools@latest", "mcp"]
    }
  }
}

"mcpServers": {
  "firebase": {
    "command": "npx",
    "args": ["-y", "firebase-tools@latest", "mcp"]
  }
}

Step 3: Initialize Firebase services

With the agent skills and tools set up, you can now use natural language to have your AI coding agent set up Cloud Firestore, Authentication, and Firebase Hosting.

1. Request that your agent set up a service. For example, you can use prompts like these:

   • Set up Cloud Firestore as the database for this app.
   • Build a login page using Authentication and update Security Rules to ensure only authorized users can read and write their own data.
   • Set up Firebase Hosting and deploy the app to production.

2. Review any information and follow any guided steps that your agent might provide, such as:

   1. Plans: Your agent proposes a strategy based on your existing codebase.
   2. Connects: Your agent links your local code to an existing Firebase project or helps you create a new Firebase project.
   3. Initializes resources: Your agent adds the required Firebase libraries and configuration to your codebase.
   4. Updates files: Your agent creates and updates any necessary files, such as firestore.rules (to define who can read, write, or query data within your database) or firebase.json (to inform the Firebase CLI which services to deploy and how to configure them).
   5. Executes: Your agent guides you through additional configuration or deployment steps.

General tips for prompting an AI coding agent

To get the most out of your AI coding agent, especially when working with multi-faceted integrations like Firebase, treat the interaction as a collaboration rather than a single-shot command.

Be specific and provide context

While the Firebase MCP server provides the agent with significant context about your project, clear and specific natural language prompts yield the best results. Avoid vague requests.

• Vague: "Fix the database error."
• Specific: "I'm getting a 'permission denied' error when trying to write to the 'users' collection in Cloud Firestore. Review my firestore.rules and suggest a fix that allows authenticated users to write to their own document."

Iterate and refine

AI coding agents rarely generate perfect code on the first try for complex tasks. If an answer isn't quite right, keep the conversation going:

• Provide error messages: Paste any terminal errors or console logs back into the chat.
• Ask for adjustments: "That code uses the older v8 SDK. Rewrite it using the Firebase v9 modular SDK."
• Request explanations: "Explain how those Firebase Security Rules protect user data."

Verify before you execute

AI coding agents are powerful, but they can make mistakes or "hallucinate" (invent incorrectly named functions or services).

• Review code: Always read through generated code, especially Firebase Security Rules and configuration files (like firebase.json), before deploying to production.
• Test locally: Whenever possible, ask the agent to help you test changes locally before pushing them live.

Use the MCP connection

Because the Firebase MCP server gives your agent direct visibility into your project structure, you can reference specific files to get tailored implementation advice.

• Example: "Look at my src/web/index.html file and show me where to add the standard Firebase initialization script."

Next steps

• Browse a complete list of all available Firebase agent skills.
• Browse a complete list of all available prompts, tools, and resources the Firebase MCP server provides.
• Learn more about the tools provided by the Firebase CLI.