Agregar capacidades de IA a aplicaciones web requiere entender la configuración del Firebase SDK y la integración con la API de Gemini. Esta skill proporciona guía paso a paso para integrar IA generativa con soporte para texto, imágenes, chat y streaming.
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“firebase-ai-logic”。 El usuario pregunta cómo analizar una imagen cargada con IA
预期结果:
Usa el helper fileToGenerativePart para convertir la imagen a base64, luego pásala con tu prompt a generateContent. La IA analizará la imagen y devolverá descripciones o responderá preguntas sobre ella.
正在使用“firebase-ai-logic”。 El usuario solicita respuestas con efecto de escritura en tiempo real
预期结果:
Reemplaza generateContent con generateContentStream. Itera a través de los chunks del stream para mostrar resultados parciales a medida que llegan, creando un efecto de animación de escritura en tu UI.
安全审计
安全Skill reviewed and found to be legitimate Firebase product documentation. Static scanner generated false positives: markdown code formatting (backticks) was misidentified as Ruby command injection, Firebase documentation URLs flagged as network exfiltration, and YAML front matter flagged as weak cryptography. No malicious code, credential theft, or harmful patterns detected.
检测到的模式
质量评分
你能构建什么
Construye búsqueda de productos con IA
Agrega búsqueda multimodal donde los usuarios suben imágenes para encontrar productos similares. Gemini analiza la imagen y devuelve descripciones de productos coincidentes.
Crea soporte al cliente conversacional
Implementa soporte basado en chat con historial de conversación multi-turno. La IA recuerda el contexto entre mensajes para un diálogo natural.
Genera descripciones de imágenes para cargas
Genera automáticamente texto alt y descripciones para imágenes cargadas por usuarios. Útil para accesibilidad y gestión de contenido.
试试这些提示
Ayúdame a configurar Firebase AI Logic en mi proyecto web. Tengo Node.js instalado y quiero usar la Gemini Developer API. Guíame a través de los pasos de configuración de Firebase.
Quiero agregar análisis de imágenes a mi aplicación web usando Firebase AI Logic. Muéstrame cómo subir una imagen y obtener descripciones o clasificaciones generadas por IA.
Mis usuarios quieren respuestas de IA en tiempo real como un efecto de escritura. Muéstrame cómo usar respuestas con streaming con Firebase AI Logic para mejorar la UX.
Quiero prevenir el uso no autorizado de la API. Guíame a través de la configuración de Firebase App Check y Remote Config para gestión segura de modelos.
最佳实践
- Inicializa siempre el servicio de IA después de la instancia principal de Firebase App para asegurar el orden de configuración correcto
- Usa Firebase App Check para proteger tu cuota de API de acceso no autorizado del cliente en producción
- Usa gemini-flash-latest por defecto para el mejor rendimiento, y solo elige modelos específicos cuando los requisitos lo exijan
避免
- No codifique nombres de modelos como 'gemini-1.5-flash' - use Remote Config para actualizar versiones de modelos sin desplegar nuevo código
- No omita Firebase App Check en producción - esto expone tu API al robo de cuota
- No pases archivos mayores a 20MB como datos inline - usa URLs de Cloud Storage para Firebase en su lugar para evitar errores HTTP 413