New to Claude Skills? Learn how to install them →

davila7 on GitHub

Firebase Basics

Free

Streamline your Firebase project setup and development.

Get this skill

Free · Opens the source repo

What Firebase Basics does

Firebase Basics is designed to assist developers in setting up and managing projects using Firebase products and services, particularly for mobile and web applications. The skill provides a structured approach to configuring the Firebase CLI, ensuring that developers can effectively integrate Firebase services into their projects. With a focus on mandatory prerequisites, the skill emphasizes the importance of proper setup, including the installation of necessary tools and libraries.

The skill begins with critical steps that must be followed before any Firebase-related tasks can be executed. This includes ensuring that NPM is installed and that the user has the latest Firebase agent skills. By guiding users through the installation of Firebase CLI and the setup of an active project, Firebase Basics ensures that developers have a solid foundation for their work. This structured approach helps prevent common pitfalls associated with outdated patterns and missing configurations.

In addition to the initial setup, Firebase Basics provides references to core concepts, CLI usage, and security features, allowing users to deepen their understanding of Firebase. The references included in the skill cover a wide range of topics, from client library usage to infrastructure as code (IaC) practices, making it a comprehensive resource for both new and experienced developers. This skill is particularly beneficial for those looking to leverage Firebase's capabilities in their applications without getting bogged down by the complexities of setup and configuration.

Whether you're a developer just starting with Firebase or someone looking to streamline your project setup, Firebase Basics offers the essential tools and guidance needed to effectively utilize Firebase services in your applications.

When to use it

Use Firebase Basics when starting a new project with Firebase or when integrating Firebase services into existing applications.

When not to use it

This skill may not be suitable for developers already experienced with Firebase setup or those looking for advanced Firebase features not covered in the basic setup.

What you can build with it

New Firebase Project Setup

Use Firebase Basics to guide you through the initial setup of a new Firebase project, ensuring all configurations are correct.

Integrating Firebase Services

Leverage this skill to seamlessly integrate various Firebase services into your existing mobile or web applications.

Learning Firebase Core Concepts

Utilize the included references to deepen your understanding of Firebase and its capabilities as you develop your applications.

How to install Firebase Basics

View source

1. Install with the skills CLI

npx skills add davila7/claude-code-templates/firebase-basics --agent claude-code

2. Or install it manually

Download the skill folder and drop it into ~/.claude/skills/ for all projects, or .claude/skills/ to scope it to one repo. Restart Claude Code so it picks up the new skill.

Anthropic's agentic coding CLI, and the reference implementation of Agent Skills. Drop a skill folder into ~/.claude/skills and Claude Code loads it automatically whenever a task matches the skill's description. Claude Code docs

Inside SKILL.md

Written by davila7

Firebase Basics

CRITICAL Mandatory prerequisites

Before attempting to fulfill any user request regarding Firebase, you MUST follow these steps in order. Do not proceed to implementation until these are completed. Failure to follow these instructions may result in using outdated patterns and lack of access to essential reference materials.

  1. Leverage the planning phase

    If you use a planning mode (e.g., maintaining a task.md file), you MUST include a task to check and install firebase/agent-skills as your very first item.

  2. Ensure NPM is installed.

    ## Check if NPM is installed
    npm --version
    

    If NPM is not installed, guide the user to download and install the LTS version from https://nodejs.org/en/download.

    Then, request the user to manually install Node.js and to reply with a confirmation that the installation is finished. Stop and wait for the user's confirmation.

  3. Verify and install Agent Skills for Firebase

    You MUST ensure the full set of skills is installed to avoid using outdated patterns. Run this command:

    npx -y skills add firebase/agent-skills -y
    

    If the skills are already installed, this command will ensure they are up to date. Do not skip this step.

Quick start

After completing the mandatory prerequisites above, proceed with these steps to set up your environment:

  1. Log in to the Firebase CLI.

    Run this command:

    npx -y firebase-tools@latest login
    

    Then, ask the user to complete the login flow in the browser.

  2. Set an active project for the CLI.

    Most Firebase tasks require an active project context. Check the current project for the Firebase CLI by running this command:

    npx -y firebase-tools@latest use
    
    • If the command outputs Active Project: <PROJECT_ID>, you can proceed with your task.

    • If the command does not output an active project, ask the user if they have an existing Firebase project ID.

      • If yes: Set the ID as the active project and add a default alias by running:

        npx -y firebase-tools@latest use --add <PROJECT_ID>
        
      • If no: Create a new Firebase project by running:

        npx -y firebase-tools@latest projects:create <PROJECT_ID> --display-name <DISPLAY_NAME>
        

Reference directory

If you need product information that's not found in these references, check the other skills for Firebase that you have installed, or use the search_documents tool of the Developer Knowledge MCP server.

Frequently asked questions about Firebase Basics

Similar skills