/ Directorio / Playground / banana-claude
← Todos los servidores ↗ GitHub
● Comunidad AgriciDaniel ⚡ Instantáneo

banana-claude

por AgriciDaniel · AgriciDaniel/banana-claude

Habilidad de generación de imágenes de IA para Claude Code — un director creativo impulsado por Gemini que amplía prompts para que no tengas que hacerlo.

Banana Claude convierte Claude Code en un director creativo para imágenes de IA. Describe la toma a alto nivel; la habilidad la expande en un prompt listo para Gemini con directivas de composición, iluminación y estilo, y luego llama a Gemini para renderizar. Ideal para imágenes destacadas, tarjetas para redes sociales e imágenes fijas consistentes con la marca.

▶ Ver demo 📦 Instalar 💡 Casos de uso

Por qué usarlo

Características clave

Demo en vivo

Cómo se ve en la práctica

banana-claude-skill.replay ▶ listo
0/0

Instalar

Elige tu cliente

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "banana-claude-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/AgriciDaniel/banana-claude",
        "~/.claude/skills/banana-claude"
      ],
      "_inferred": true
    }
  }
}

Abre Claude Desktop → Settings → Developer → Edit Config. Reinicia después de guardar.

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "banana-claude-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/AgriciDaniel/banana-claude",
        "~/.claude/skills/banana-claude"
      ],
      "_inferred": true
    }
  }
}

Cursor usa el mismo esquema mcpServers que Claude Desktop. La configuración del proyecto prevalece sobre la global.

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "banana-claude-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/AgriciDaniel/banana-claude",
        "~/.claude/skills/banana-claude"
      ],
      "_inferred": true
    }
  }
}

Haz clic en el icono MCP Servers de la barra lateral de Cline y luego en "Edit Configuration".

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "banana-claude-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/AgriciDaniel/banana-claude",
        "~/.claude/skills/banana-claude"
      ],
      "_inferred": true
    }
  }
}

Mismo formato que Claude Desktop. Reinicia Windsurf para aplicar.

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "banana-claude-skill",
      "command": "git",
      "args": [
        "clone",
        "https://github.com/AgriciDaniel/banana-claude",
        "~/.claude/skills/banana-claude"
      ]
    }
  ]
}

Continue usa un array de objetos de servidor en lugar de un mapa.

~/.config/zed/settings.json
{
  "context_servers": {
    "banana-claude-skill": {
      "command": {
        "path": "git",
        "args": [
          "clone",
          "https://github.com/AgriciDaniel/banana-claude",
          "~/.claude/skills/banana-claude"
        ]
      }
    }
  }
}

Añádelo a context_servers. Zed recarga en caliente al guardar.

claude mcp add banana-claude-skill -- git clone https://github.com/AgriciDaniel/banana-claude ~/.claude/skills/banana-claude

Un solo comando. Verifica con claude mcp list. Quita con claude mcp remove.

Casos de uso

Usos del mundo real: banana-claude

Cómo generar una imagen destacada para un artículo de blog

👤 Escritores y mercadólogos que desean imágenes destacadas pulidas de una sola toma ⏱ ~5 min beginner

Cuándo usarlo: Tienes un título de artículo y una atmósfera en mente — necesitas una imagen destacada en los próximos 2 minutos.

Requisitos previos
  • Clave de API de Gemini — Establece GEMINI_API_KEY en env
  • Habilidad instalada — git clone https://github.com/AgriciDaniel/banana-claude ~/.claude/skills/banana-claude
Flujo
  1. Describe la toma
    Banana Claude: imagen destacada para 'The 2AM Bug That Cost Us $40k' — sombrío, cinemático, desarrollador en una laptop iluminado por el brillo del monitor.✓ Copiado
    → Prompt expandido con detalles de lente/iluminación reflejados en la respuesta
  2. Revisar y generar
    Generar 2 variantes y guardar en assets/hero-2am-bug.png✓ Copiado
    → Dos PNG con diferentes enfoques de la especificación

Resultado: Una imagen destacada que se vea encargada, no generada.

Errores comunes
  • Todos los resultados comparten una 'apariencia de Gemini' — Agrega un ancla de estilo — 'en el estilo de retratos de Annie Leibovitz' — para romper el predeterminado
Combinar con: smart-illustrator-skill

Generar un paquete de imágenes sociales consistentes con la marca

👤 Mercadólogos solitarios que mantienen un look de feed consistente ⏱ ~15 min beginner

Cuándo usarlo: Necesitas 6-10 imágenes que se vean como si pertenecieran juntas.

Requisitos previos
  • Notas de estilo de marca (paleta, atmósfera) — Escribe 3-5 líneas; la habilidad las usa como guardrail de estilo
Flujo
  1. Bloquea un ancla de estilo
    Mi estilo de marca: pasteles apagados, isométrico, sombras suaves. Bloquea eso como el ancla para la sesión.✓ Copiado
    → La habilidad confirma y repite el ancla
  2. Itera por publicación
    Ahora genera imágenes para estos 6 títulos de publicación usando el ancla.✓ Copiado
    → 6 imágenes dentro de la marca

Resultado: Un conjunto de imágenes cohesivo listo para una semana de publicaciones.

Errores comunes
  • Desviación después de la imagen 3 — Re-establece el ancla cada 2-3 generaciones; el contexto de Gemini sobre especificidades de imágenes es difuso
Combinar con: ai-marketing-claude-code-skill

Combinaciones

Combínalo con otros MCPs para multiplicar por 10

banana-claude-skill + smart-illustrator-skill

Banana para imágenes destacadas/de marca, Smart Illustrator para diagramas dentro de artículos

Para posts/launch.md: banana-claude para la imagen destacada, smart-illustrator para los diagramas de arquitectura dentro.✓ Copiado
banana-claude-skill + ai-marketing-claude-code-skill

La habilidad de marketing planifica la campaña; Banana renderiza lo creativo

Redacta una campaña de lanzamiento de 7 publicaciones con la habilidad de marketing, luego genera imágenes destacadas para cada una con banana-claude.✓ Copiado

Herramientas

Lo que expone este MCP

HerramientaEntradasCuándo llamarCoste
expand_brief brief: str, style_anchor?: str Antes de generar, para construir un prompt enriquecido ~1k Claude tokens
generate_image prompt: str, variants?: int, out_path?: str Después de la expansión del brief aprobada 1 llamada a Gemini por variante
save_template name, prompt Cuando un patrón de prompt produce resultados consistentes 0

Coste y límites

Lo que cuesta ejecutarlo

Cuota de API
Plan gratuito de Gemini: 15 req/min, 1500/día
Tokens por llamada
1-3k tokens de Claude para la expansión de prompt
Monetario
Sin costo en plan gratuito de Gemini; ~$0.04/imagen en plan de pago
Consejo
Guarda los prompts ganadores como plantillas para evitar pagar nuevamente por llamadas de expansión.

Seguridad

Permisos, secretos, alcance

Almacenamiento de credenciales: GEMINI_API_KEY en env
Salida de datos: Todos los briefs y resultados se envían a Google Gemini

Resolución de problemas

Errores comunes y soluciones

Gemini devuelve una imagen borrosa/de baja calidad

Incluye una sugerencia de resolución y relación de aspecto en el brief; solicita 'fotográfico, detalle alto, 4K'

El filtro de seguridad bloquea la generación

Simplifica el brief; elimina referencias ambiguas a personas o marcas

La habilidad no se activa

La invocación explícita funciona mejor: 'Usa banana-claude para ...'

Verificar: ls ~/.claude/skills/banana-claude/SKILL.md

Alternativas

banana-claude vs otros

AlternativaCuándo usarlaContrapartida
smart-illustrator-skillNecesitas diagramas y portadas con detección de posición, no solo imágenes fijasMenos orientación en el brief creativo
Midjourney / SoraNecesitas una fidelidad de mayor nivelInterfaz separada, sin integración de Claude

Más

Recursos

📖 Lee el README oficial en GitHub

🐙 Ver issues abiertas

🔍 Ver todos los 400+ servidores MCP y Skills