firebase/firebase-ai-logic

Skill oficial para integrar Firebase AI Logic (API de Gemini) en aplicaciones web. Cubre configuración, inferencia multimodal, salida estructurada y seguridad.

¿Qué es firebase-ai-logic?

Este skill proporciona una guía completa para integrar Firebase AI Logic (la API de Gemini de Google) en aplicaciones web. Está diseñado para desarrolladores que deseen agregar inteligencia artificial a sus proyectos de Firebase, abarcando desde la configuración inicial hasta la implementación de inferencias multimodales (texto, imágenes, audio) y la generación de salidas estructuradas con esquemas personalizados. También incluye prácticas recomendadas de seguridad, como la validación de entradas y el uso de reglas de seguridad de Firebase. Compatible con Firebase Genkit y las funciones de Firebase, este skill facilita la creación de experiencias de IA robustas y seguras en la plataforma de Firebase.

Compatible con~Claude Code~Codex CLI~Cursor✓Gemini CLI
npx skills add https://github.com/firebase/agent-skills/tree/main/skills/firebase-ai-logic

Installed? Explore more Productividad y colaboración skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace firebase-ai-logic?

Skill oficial para integrar Firebase AI Logic (API de Gemini) en aplicaciones web. Cubre configuración, inferencia multimodal, salida estructurada y seguridad.

Descripción general

Este skill te ayuda a conectar tu aplicación web con la API de Gemini a través del servicio Firebase AI Logic, permitiéndote:

  • Configurar Firebase para usar la API de Gemini.
  • Realizar inferencias multimodales (texto, imágenes, audio, video).
  • Generar salidas estructuradas usando esquemas predefinidos.
  • Implementar medidas de seguridad para proteger tu aplicación.

Instalación

Asegúrate de tener instalado Firebase CLI y haber iniciado sesión:

firebase login
firebase init

Luego, agrega las dependencias necesarias en tu proyecto:

npm install firebase @google-cloud/aiplatform

Configuración

Habilita la API de Gemini en tu proyecto de Firebase:

  1. Ve a la Consola de Google Cloud.
  2. Navega a APIs y servicios > Biblioteca.
  3. Busca "Gemini API" y habilítala.
  4. Asegúrate de que el proyecto esté vinculado a Firebase.

Uso básico

Inicializar el cliente

import { initializeApp } from 'firebase/app';
import { getVertexAI, getGenerativeModel } from 'firebase/vertexai';

const firebaseConfig = {
  // tu configuración de Firebase
};

const app = initializeApp(firebaseConfig);
const vertexAI = getVertexAI(app);
const model = getGenerativeModel(vertexAI, { model: 'gemini-1.5-pro' });

Inferencia multimodal

const prompt = 'Describe esta imagen';
const image = {
  inlineData: {
    data: 'base64_encoded_image',
    mimeType: 'image/png'
  }
};

const result = await model.generateContent([prompt, image]);
console.log(result.response.text());

Salida estructurada

Puedes definir un esquema para obtener respuestas estructuradas:

const schema = {
  type: 'object',
  properties: {
    nombre: { type: 'string' },
    edad: { type: 'integer' },
    hobbies: { type: 'array', items: { type: 'string' } }
  },
  required: ['nombre', 'edad']
};

const result = await model.generateContent({
  contents: [{ role: 'user', parts: [{ text: 'Crea un perfil de Juan, 30 años' }] }],
  generationConfig: {
    response_mime_type: 'application/json',
    response_schema: schema
  }
});

const perfil = JSON.parse(result.response.text());

Seguridad

Para proteger tu aplicación:

  1. Valida las entradas del usuario en el lado del servidor.
  2. Usa reglas de seguridad de Firebase para limitar el acceso a los datos.
  3. Configura límites de cuota en la API de Gemini para evitar abusos.
  4. No expongas claves de API en el frontend; usa funciones de backend (Firebase Functions) para llamadas sensibles.

Recursos adicionales


Este skill es mantenido por el equipo de Firebase.

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

firebase/developing-genkit-dart

Generates code and provides documentation for the Genkit Dart SDK. Use when the user asks to build AI agents in Dart, use Genkit flows, or integrate LLMs into Dart/Flutter applications.

firebase/developing-genkit-go

Develop AI-powered applications using Genkit in Go. Use when the user asks to build AI features, agents, flows, or tools in Go using Genkit, or when working with Genkit Go code involving generation, prompts, streaming, tool calling, or model providers.

firebase/developing-genkit-js

Develop AI-powered applications using Genkit in Node.js/TypeScript. Use when the user asks about Genkit, AI agents, flows, or tools in JavaScript/TypeScript, or when encountering Genkit errors, validation issues, type errors, or API problems.

firebase/developing-genkit-python

Develop AI-powered applications using Genkit in Python. Use when the user asks about Genkit, AI agents, flows, or tools in Python, or when encountering Genkit errors, import issues, or API problems.

firebase/firebase-ai-logic-basics

Official skill for integrating Firebase AI Logic (Gemini API) into web applications. Covers setup, multimodal inference, structured output, and security.

firebase/firebase-app-hosting-basics

Deploy and manage web apps with Firebase App Hosting. Use this skill when deploying Next.js/Angular apps with backends.

firebase/firebase-auth-basics

Guide for setting up and using Firebase Authentication. Use this skill when the user's app requires user sign-in, user management, or secure data access using auth rules.

firebase/firebase-basics

Provides foundational setup, authentication, and project management workflows for Firebase using the Firebase CLI. Use when checking Firebase CLI version (must use 'npx -y firebase-tools@latest --version'), initializing a Firebase environment, authenticating, setting active projects, or setting up `google-services.json` or `GoogleService-Info.plist` files.

firebase/firebase-crashlytics

Comprehensive guide for Firebase Crashlytics, including provisioning and SDK usage. Use this skill when the user needs help setting up Crashlytics, adding crash reporting, or using the Crashlytics SDK in their application.

firebase/firebase-data-connect

Builds and deploys Firebase SQL Connect (aka Firebase Data Connect) backends with PostgreSQL securely. Use when designing schemas with tables and relations, writing authorized queries and mutations, configuring real-time data updates, or generating type-safe SDKs. Use when you need a relational database with Firebase, or when the user mentions SQL Connect or Data Connect.

firebase/firebase-firestore

Sets up, manages, and executes queries against Cloud Firestore database instances, including advanced native full-text search and relational joins using pipelines. You MUST unconditionally activate this skill if you plan to use Firestore in any way. Use when listing or creating Firestore databases, configuring security rules, designing data models, writing client SDK queries (including search/joins), or checking indexes.

firebase/firebase-firestore-basics

Comprehensive guide for Firestore basics including provisioning, security rules, and SDK usage. Use this skill when the user needs help setting up Firestore, writing security rules, or using the Firestore SDK in their application.

firebase/firebase-firestore-enterprise-native-mode

Comprehensive guide for Firestore enterprise native including provisioning, data model, security rules, and SDK usage. Use this skill when the user needs help setting up Firestore Enterprise with the Native mode, writing security rules, or using the Firestore SDK in their application.

firebase/firebase-firestore-standard

Comprehensive guide for Firestore Standard Edition, including provisioning, security rules, and SDK usage. Use this skill when the user needs help setting up Firestore, writing security rules, or using the Firestore SDK in their application.

firebase/firebase-hosting-basics

Skill for working with Firebase Hosting (Classic). Use this when you want to deploy static web apps, Single Page Apps (SPAs), or simple microservices. Do NOT use for Firebase App Hosting.

firebase/firebase-local-env-setup

Bare minimum INITIAL setup for getting started with Firebase (Node.js, CLI installation, first-time login). Use ONLY for first-time setup. For updating, troubleshooting, or refreshing an existing environment, use the firebase-basics skill instead.

firebase/firebase-remote-config-basics

Comprehensive guide for Firebase Remote Config, including template management and SDK usage. Use this skill when the user needs help setting up Remote Config, managing feature flags, or updating app behavior dynamically.

firebase/firebase-security-rules-auditor

A skill to evaluate how secure Firestore security rules are. Use this when Firestore security rules are updated to ensure that the generated rules are extremely secure and robust.

firebase/firestore-security-rules-auditor

A skill to evaluate how secure Firestore security rules are. Use this when Firestore security rules are updated to ensure that the generated rules are extremely secure and robust.

firebase/xcode-project-setup

Safely modifies Xcode projects (.pbxproj) to add Swift Packages and link files. Use this skill whenever an iOS project needs dependencies installed (e.g. Firebase, Alamofire).

Skills relacionados