Claude Code SkillDevelopment4 installs

Firebase Basics

Sets up and develops projects using Firebase products and services, especially for mobile or web apps. Covers Firebase CLI setup, project configuration, and integration with Firebase platform services.

Install with the Claude Code Templates CLI
$ npx claude-code-templates@latest --skill="development/firebase-basics" --yes

Requires Claude Code. The command adds this skill to your project's .claudedirectory — nothing runs on ToolZip's servers.

What's inside this skill

Component source

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.

  • 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.

  • 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.

  • 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:

  • 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.

  • 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.

Type
Skill
Category
Development
Installs
4
Source
GitHub ↗

Related Claude Code Skills

SkillDevelopment

Code Reviewer

Comprehensive code review skill for TypeScript, JavaScript, Python, Swift, Kotlin, Go. Includes automated code analysis, best practice checking, security scanning, and review checklist generation. Use when reviewing pull requests, providing code feedback, identifying issues, or ensuring code quality standards.

3k installsView →
SkillDevelopment

Senior Frontend

Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance, implementing UI/UX designs, managing state, or reviewing frontend code.

2.7k installsView →
SkillDevelopment

Senior Backend

Comprehensive backend development skill for building scalable backend systems using NodeJS, Express, Go, Python, Postgres, GraphQL, REST APIs. Includes API scaffolding, database optimization, security implementation, and performance tuning. Use when designing APIs, optimizing database queries, implementing business logic, handling authentication/authorization, or reviewing backend code.

2.2k installsView →
SkillDevelopment

Senior Architect

Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postgres, GraphQL, Go, Python. Includes architecture diagram generation, system design patterns, tech stack decision frameworks, and dependency analysis. Use when designing system architecture, making technical decisions, creating architecture diagrams, evaluating trade-offs, or defining integration patterns.

1.9k installsView →
SkillDevelopment

Skill Creator

Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.

1.7k installsView →
SkillDevelopment

Senior Fullstack

Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects, analyzing code quality, implementing design patterns, or setting up development workflows.

1k installsView →

Catalog data and component content are sourced from the open-source davila7/claude-code-templates project (MIT license). ToolZip curates the listing and writes original descriptions; every component links back to its original source. Claude Code is a product of Anthropic. ToolZip is an independent catalog and is not affiliated with or endorsed by Anthropic.