/ Annuaire / Playground / banana-claude
← Tous les serveurs ↗ GitHub
● Communauté AgriciDaniel ⚡ Instantané

banana-claude

par AgriciDaniel · AgriciDaniel/banana-claude

AI image generation skill for Claude Code — a creative director powered by Gemini that prompts the model so you don't have to.

Banana Claude turns Claude Code into a creative director for AI images. You describe the shot at a high level; the skill expands it into a Gemini-ready prompt with composition, lighting, and style directives, then calls Gemini to render. Good for hero images, social cards, and brand-consistent stills.

▶ Voir la démo 📦 Installer 💡 Cas d'usage

Pourquoi l'utiliser

Fonctionnalités clés

Démo en direct

Aperçu en pratique

banana-claude-skill.replay ▶ prêt
0/0

Installer

Choisissez votre client

~/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
    }
  }
}

Ouvrez Claude Desktop → Settings → Developer → Edit Config. Redémarrez après avoir enregistré.

~/.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 utilise le même schéma mcpServers que Claude Desktop. La config projet l'emporte sur la globale.

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
    }
  }
}

Cliquez sur l'icône MCP Servers dans la barre latérale Cline, puis "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
    }
  }
}

Même format que Claude Desktop. Redémarrez Windsurf pour appliquer.

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

Continue utilise un tableau d'objets serveur plutôt qu'une map.

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

Ajoutez dans context_servers. Zed recharge à chaud à la sauvegarde.

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

Une seule ligne. Vérifiez avec claude mcp list. Supprimez avec claude mcp remove.

Cas d'usage

Usages concrets : banana-claude

How to generate a hero image for a blog post

👤 Writers and marketers who want one-shot polished hero images ⏱ ~5 min beginner

Quand l'utiliser : You have a post title and a vibe in mind — you need one hero image in the next 2 minutes.

Prérequis
  • Gemini API key — Set GEMINI_API_KEY in env
  • Skill installed — git clone https://github.com/AgriciDaniel/banana-claude ~/.claude/skills/banana-claude
Déroulement
  1. Describe the shot
    Banana Claude: hero image for 'The 2AM Bug That Cost Us $40k' — moody, cinematic, developer at a laptop lit by monitor glow.✓ Copié
    → Expanded prompt with lens/lighting details echoed back
  2. Review and generate
    Generate 2 variants and save to assets/hero-2am-bug.png✓ Copié
    → Two PNGs with different takes on the brief

Résultat : A hero image that looks commissioned, not generated.

Pièges
  • All outputs share a 'Gemini look' — Add a style anchor — 'in the style of Annie Leibovitz portraits' — to break the default
Combiner avec : smart-illustrator-skill

Generate a brand-consistent social image pack

👤 Solo marketers maintaining a consistent feed look ⏱ ~15 min beginner

Quand l'utiliser : You need 6-10 images that feel like they belong together.

Prérequis
  • Brand style notes (palette, mood) — Write 3-5 lines; skill uses as style guardrail
Déroulement
  1. Lock a style anchor
    My brand style: muted pastels, isometric, soft shadows. Lock that as the anchor for the session.✓ Copié
    → Skill confirms and echoes the anchor
  2. Iterate per post
    Now generate images for these 6 post titles using the anchor.✓ Copié
    → 6 on-brand images

Résultat : A cohesive image set ready for a week of posts.

Pièges
  • Drift after image 3 — Re-state the anchor every 2-3 generations; Gemini's context on image specifics is fuzzy
Combiner avec : ai-marketing-claude-code-skill

Combinaisons

Associez-le à d'autres MCPs pour un effet X10

banana-claude-skill + smart-illustrator-skill

Banana for hero/brand images, Smart Illustrator for in-article diagrams

For posts/launch.md: banana-claude for the hero, smart-illustrator for the architecture diagrams inside.✓ Copié
banana-claude-skill + ai-marketing-claude-code-skill

Marketing skill plans the campaign; Banana renders the creative

Draft a 7-post launch campaign with the marketing skill, then generate hero images for each with banana-claude.✓ Copié

Outils

Ce que ce MCP expose

OutilEntréesQuand appelerCoût
expand_brief brief: str, style_anchor?: str Before generating, to build a rich prompt ~1k Claude tokens
generate_image prompt: str, variants?: int, out_path?: str After brief expansion approved 1 Gemini call per variant
save_template name, prompt When a prompt pattern produces consistent wins 0

Coût et limites

Coût d'exécution

Quota d'API
Gemini free tier: 15 req/min, 1500/day
Tokens par appel
1-3k Claude tokens for prompt expansion
Monétaire
Free on Gemini free tier; ~$0.04/image on paid tier
Astuce
Save winning prompts as templates to avoid re-paying for expansion calls.

Sécurité

Permissions, secrets, portée

Stockage des identifiants : GEMINI_API_KEY in env
Sortie de données : All briefs and outputs go to Google Gemini

Dépannage

Erreurs courantes et correctifs

Gemini returns blurry/low-quality image

Include a resolution and aspect-ratio hint in the brief; ask for 'photographic, high detail, 4K'

Safety filter blocks the generation

Simplify the brief; remove ambiguous references to people or brands

Skill not triggering

Explicit invocation works best: 'Use banana-claude to ...'

Vérifier : ls ~/.claude/skills/banana-claude/SKILL.md

Alternatives

banana-claude vs autres

AlternativeQuand l'utiliserCompromis
smart-illustrator-skillYou need diagrams and covers with position detection, not just stillsLess hand-holding on the creative brief
Midjourney / SoraYou need higher-end fidelitySeparate UI, no Claude integration

Plus

Ressources

📖 Lire le README officiel sur GitHub

🐙 Voir les issues ouvertes

🔍 Parcourir les 400+ serveurs MCP et Skills