/ Каталог / Песочница / banana-claude
← Все серверы ↗ GitHub
● Сообщество AgriciDaniel ⚡ Сразу

banana-claude

автор 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.

▶ Смотреть демо 📦 Установить 💡 Сценарии

Зачем использовать

Ключевые функции

Живое демо

Как выглядит на практике

banana-claude-skill.replay ▶ готово
0/0

Установка

Выберите клиент

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

Откройте Claude Desktop → Settings → Developer → Edit Config. Перезапустите после сохранения.

~/.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 использует ту же схему mcpServers, что и Claude Desktop. Конфиг проекта приоритетнее глобального.

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

Щёлкните значок MCP Servers на боковой панели Cline, затем "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
    }
  }
}

Тот же формат, что и Claude Desktop. Перезапустите Windsurf для применения.

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

Continue использует массив объектов серверов, а не 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"
        ]
      }
    }
  }
}

Добавьте в context_servers. Zed перезагружается автоматически.

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

Однострочная команда. Проверить: claude mcp list. Удалить: claude mcp remove.

Сценарии использования

Реальные сценарии: 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

Когда использовать: You have a post title and a vibe in mind — you need one hero image in the next 2 minutes.

Предварительные требования
  • Gemini API key — Set GEMINI_API_KEY in env
  • Skill installed — git clone https://github.com/AgriciDaniel/banana-claude ~/.claude/skills/banana-claude
Поток
  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.✓ Скопировано
    → Expanded prompt with lens/lighting details echoed back
  2. Review and generate
    Generate 2 variants and save to assets/hero-2am-bug.png✓ Скопировано
    → Two PNGs with different takes on the brief

Итог: A hero image that looks commissioned, not generated.

Подводные камни
  • All outputs share a 'Gemini look' — Add a style anchor — 'in the style of Annie Leibovitz portraits' — to break the default
Сочетать с: smart-illustrator-skill

Generate a brand-consistent social image pack

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

Когда использовать: You need 6-10 images that feel like they belong together.

Предварительные требования
  • Brand style notes (palette, mood) — Write 3-5 lines; skill uses as style guardrail
Поток
  1. Lock a style anchor
    My brand style: muted pastels, isometric, soft shadows. Lock that as the anchor for the session.✓ Скопировано
    → Skill confirms and echoes the anchor
  2. Iterate per post
    Now generate images for these 6 post titles using the anchor.✓ Скопировано
    → 6 on-brand images

Итог: A cohesive image set ready for a week of posts.

Подводные камни
  • Drift after image 3 — Re-state the anchor every 2-3 generations; Gemini's context on image specifics is fuzzy
Сочетать с: ai-marketing-claude-code-skill

Комбинации

Сочетайте с другими MCP — эффект 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.✓ Скопировано
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.✓ Скопировано

Инструменты

Что предоставляет этот MCP

ИнструментВходные данныеКогда вызыватьСтоимость
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

Стоимость и лимиты

Во что обходится

Квота API
Gemini free tier: 15 req/min, 1500/day
Токенов на вызов
1-3k Claude tokens for prompt expansion
Деньги
Free on Gemini free tier; ~$0.04/image on paid tier
Совет
Save winning prompts as templates to avoid re-paying for expansion calls.

Безопасность

Права, секреты, радиус поражения

Хранение учётных данных: GEMINI_API_KEY in env
Исходящий трафик: All briefs and outputs go to Google Gemini

Устранение неполадок

Частые ошибки и исправления

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 ...'

Проверить: ls ~/.claude/skills/banana-claude/SKILL.md

Альтернативы

banana-claude в сравнении

АльтернативаКогда использоватьКомпромисс
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

Ещё

Ресурсы

📖 Читать официальный README на GitHub

🐙 Открытые задачи

🔍 Все 400+ MCP-серверов и Skills