To get the most out of Firebase with GitHub Copilot in VS Code, follow these steps to install the agent skills and the MCP server.
The agent skills and MCP server should be installed globally for consistent access across projects.
Check if the skills are already installed before proceeding:
- Check Local skills: Run
npx skills list --agent github-copilot. If the output includesfirebase-basics, the skills are already installed locally. - Check Global skills: If not found locally, check the global installation by running:
If the output includes
npx skills list --global --agent github-copilot
firebase-basics, the skills are already installed globally. - Install Skills: If both checks fail, run the following command to install the Firebase agent skills:
Note: Omit
npx skills add firebase/agent-skills --agent github-copilot --skill "*"--yesand--globalto choose the installation location manually. If prompted interactively in the terminal, ensure you send the appropriate user choices via standard input to complete the installation. - Verify Installation: Re-run the checks in steps 1 or 2 to confirm that
firebase-basicsis now available.
The MCP server allows GitHub Copilot to interact directly with Firebase projects.
-
Locate
mcp.json: Find the configuration file for your environment:- Workspace:
.vscode/mcp.json - Global: User Settings
mcp.jsonfile.
Note: If the
.vscode/directory ormcp.jsonfile does not exist, create them and initialize the file with{ "mcp": { "servers": {} } }before proceeding. - Workspace:
-
Check Existing Configuration: Open the
mcp.jsonfile and check themcp.serversobject for afirebaseentry.- It is already configured if the
commandis"firebase"OR if thecommandis"npx"with"firebase-tools"and"mcp"in theargs. - Important: If a valid
firebaseentry is found, the MCP server is already configured. Skip step 3 and proceed directly to step 4.
Example valid configurations:
"firebase": { "type": "stdio", "command": "npx", "args": ["-y", "firebase-tools@latest", "mcp"] }
OR
"firebase": { "type": "stdio", "command": "firebase", "args": ["mcp"] }
- It is already configured if the
-
Add or Update Configuration: If the
firebaseblock is missing or incorrect, add it to themcp.serversobject:"firebase": { "type": "stdio", "command": "npx", "args": [ "-y", "firebase-tools@latest", "mcp" ] }
CRITICAL: Merge this configuration into the existing
mcp.jsonfile under themcp.serversobject. You MUST preserve any other existing servers insidemcp.servers. -
Verify Configuration: Save the file and confirm the
firebaseblock is present and properly formatted JSON.
- Restart VS Code: Instruct the user to restart VS Code. Stop and wait for their confirmation before proceeding.
- Confirm Connection: Check the MCP server list in the VS Code Copilot UI to confirm that the Firebase MCP server is connected.