firebase-basics

Firebase-Projekt-Setup und CLI-Workflow für die Integration von KI-Agenten. Erfordert die vorherige Durchführung der firebase-local-env-setup-Fähigkeit und die Installation der Firebase-CLI. Der Kern-Workflow umfasst die Authentifizierung über firebase login, die Projekterstellung mit eindeutigen IDs und die Dienstinitialisierung über den interaktiven Befehl firebase init. Unterstützt die Funktionsauswahl während des Setups, einschließlich Firestore, Functions und Hosting, mit automatischer Generierung von Konfigurationsdateien. Selbst dokumentierende CLI mit --help-Flags für...

npx skills add https://github.com/firebase/agent-skills --skill firebase-basics

Prerequisites

Complete these setup steps before proceeding:

  1. Local Environment Setup: Verify the environment is properly set up so we can use Firebase tools:

  2. Authentication: Ensure you are logged in to Firebase so that commands have the correct permissions. Run npx -y firebase-tools@latest login. For environments without a browser (e.g., remote shells), use npx -y firebase-tools@latest login --no-localhost.

    • The command should output the current user.
    • If you are not logged in, follow the interactive instructions from this command to authenticate.
  3. Active Project: Most Firebase tasks require an active project context.

    [!IMPORTANT] For Agents: Before proceeding with project configuration, you MUST pause and ask the developer if they prefer to:

    1. Provide an existing Firebase Project ID, or
    2. Create a new Firebase project.
    • If using an existing Project ID:

      1. Check the current project by running npx -y firebase-tools@latest use.
      2. If the command outputs Active Project: <project-id>, confirm with the user if this is the intended project.
      3. If not, or if no project is active, set the project provided by the user:
        npx -y firebase-tools@latest use <PROJECT_ID>
        
    • If creating a new project: Run the following command to create it:

      npx -y firebase-tools@latest projects:create <project-id> --display-name "<display-name>"
      

      Note: The <project-id> must be 6-30 characters, lowercase, and can contain digits and hyphens. It must be globally unique.

Firebase Usage Principles

Adhere to these principles:

  1. Use npx for CLI commands: To ensure you always use the latest version of the Firebase CLI, always prepend commands with npx -y firebase-tools@latest instead of just firebase. For example, use npx -y firebase-tools@latest --version. NEVER suggest the naked firebase command as an alternative.
  2. Prioritize official knowledge: For any Firebase-related knowledge, consult the developerknowledge_search_documents MCP tool before falling back to Google Search or your internal knowledge base. Including "Firebase" in your search query significantly improves relevance.
  3. Follow Agent Skills for implementation guidance: Skills provide opinionated workflows (CUJs), security rules, and best practices. Always consult them to understand how to implement Firebase features correctly instead of relying on general knowledge.
  4. Use Firebase MCP Server tools instead of direct API calls: Whenever you need to interact with remote Firebase APIs (such as fetching Crashlytics logs or executing Data Connect queries), use the tools provided by the Firebase MCP Server instead of attempting manual API calls.
  5. Keep Plugin / Agent Skills updated: Since Firebase best practices evolve quickly, regularly check for and install updates to their Firebase plugin or Agent Skills. Similarly, if you encounter issues with outdated tools or commands, follow the steps below based on your agent environment:
  6. Automate Config File Retrieval: When setting up iOS or Android apps, do NOT direct users to the Firebase Console to download google-services.json or GoogleService-Info.plist. Instead, use the Firebase CLI to fetch the config programmatically:
    • For Android: npx -y firebase-tools@latest apps:sdkconfig ANDROID <APP_ID> --project <PROJECT_ID>
    • For iOS: npx -y firebase-tools@latest apps:sdkconfig IOS <APP_ID> --project <PROJECT_ID> Save the output to the appropriate location (e.g., app/google-services.json for Android, or a path to be linked by xcode-project-setup for iOS).

References

Common Issues

  • Login Issues: If the browser fails to open during the login step, use npx -y firebase-tools@latest login --no-localhost instead.
  • Genkit: If using Genkit, install the skills:
    npx skills add genkit-ai/skills
    

Mehr Skills von firebase

firebase-remote-config-basics
firebase
Umfassender Leitfaden für Firebase Remote Config, einschließlich Vorlagenverwaltung und SDK-Nutzung. Verwenden Sie diese Fähigkeit, wenn der Benutzer Hilfe bei der Einrichtung von Remote Config, der Verwaltung von Feature-Flags oder der dynamischen Aktualisierung des App-Verhaltens benötigt.
officialdevelopmentapi
developing-genkit-dart
firebase
Einheitliches AI SDK für Dart, das Codegenerierung, strukturierte Ausgaben, Tools, Flows und Agents ermöglicht. Bietet Kern-APIs für Generierung, Tool-Definition, Flow-Orchestrierung, Embeddings und Streaming mit einer einzigen Schnittstelle. Enthält 8+ Plugins für LLM-Anbieter (Google Gemini, Anthropic Claude, OpenAI GPT), Firebase AI, Model Context Protocol, Chrome-Browser-Integration und HTTP-Server-Hosting über Shelf. Integrierte CLI mit lokaler Entwicklungs-UI für Flow-Ausführung, Tracing, Modellexperimentierung und...
official
developing-genkit-go
firebase
Entwickeln Sie KI-gestützte Anwendungen mit Genkit in Go. Verwenden Sie dies, wenn der Benutzer darum bittet, KI-Funktionen, Agents, Flows oder Tools in Go mit Genkit zu erstellen, oder wenn Sie mit…
official
developing-genkit-js
firebase
Erstellen Sie KI-gestützte Node.js/TypeScript-Anwendungen mit Genkit-Flows, Tools und Multi-Modell-Unterstützung. Genkit ist anbieterneutral; unterstützt Google AI, OpenAI, Anthropic, Ollama und andere LLM-Anbieter über Plugins. Definieren Sie Flows mit typsicheren Schemas mit Zod, führen Sie Generierungsanfragen aus und erstellen Sie mehrstufige KI-Workflows in TypeScript. Erfordert Genkit CLI v1.29.0+; aufgrund aktueller größerer API-Änderungen müssen Sie die Genkit-Dokumentation:read und common-errors.md für aktuelle Muster konsultieren, nicht auf früherem Wissen basieren...
official
developing-genkit-python
firebase
Entwickeln Sie KI-gestützte Anwendungen mit Genkit in Python. Verwenden Sie dies, wenn der Benutzer nach Genkit, KI-Agenten, Flows oder Tools in Python fragt oder wenn er auf Genkit stößt…
official
firebase-ai-logic
firebase
We need to translate the given English text into German, preserving the name "firebase-ai-logic" but it's not in the text. The instruction says: "Do not include the name unless it appears in the source text." The name does not appear in the source text, so we don't include it. We just translate the text inside <text>. Also preserve product names, protocol names, URLs, numbers, technical terms. So "Gemini", "Gemini Nano", "Chrome", "Cloud Storage", "App Check" should remain as is. Translate the rest naturally. Let me translate: "Client-side Gemini integration for web apps with multimodal inference, streaming, and on-device hybrid execution." -> "Clientseitige Gemini-Integration für Web-Apps mit multimodaler Inferenz, Streaming und hybrider Ausführung auf dem Gerät." "Supports text-only and multimodal inputs (images, audio, video, PDFs); files over 20 MB route through Cloud Storage" -> "Unterstützt reine Texteingaben und multim
official
firebase-ai-logic-basics
firebase
Offizielle Fähigkeit zur Integration von Firebase AI Logic (Gemini API) in Webanwendungen. Behandelt Einrichtung, multimodale Inferenz, strukturierte Ausgabe und Sicherheit.
official
firebase-app-hosting-basics
firebase
Bereitstellen und Verwalten von Full-Stack-Web-Apps mit Firebase App Hosting unter Verwendung von Next.js, Angular und anderen unterstützten Frameworks. Erfordert ein Firebase-Projekt im Blaze-Tarif; unterstützt Server-Side Rendering (SSR) und Incremental Static Regeneration (ISR)-Workflows. Bereitstellung über firebase.json-Konfiguration mit optionaler apphosting.yaml für das Backend-Setup oder aktiviertes automatisiertes "git push to deploy" durch GitHub-Integration. Enthält Geheimnisverwaltung über CLI-Befehle für sicheren Zugriff auf sensible Schlüssel...
official