Claude Banana: Um plugin do Claude Code para geração de imagens com consciência de sistema de design

✍️ OpenClawRadar📅 Publicado: April 17, 2026🔗 Source
Claude Banana: Um plugin do Claude Code para geração de imagens com consciência de sistema de design
Ad

Claude Banana é um plugin do Claude Code para geração de imagens usando a API Gemini do Google. Diferente de chamadas básicas de API, ele oferece elaboração de prompts contextualizada ao ler o sistema de design do seu projeto.

Principais recursos

  • Elaboração de prompts contextualizada — Lê sua configuração do Tailwind, variáveis CSS, tokens de design e ativos existentes para entender o estilo visual do seu projeto
  • Questionamento inteligente — Em vez de fazer 10 perguntas sobre cores e clima, ele infere o que pode do seu código e só pergunta sobre o que está faltando
  • Integração com código — Após gerar, ele pode colocar a imagem na sua pasta de ativos e atualizar a imagem para você
  • Zero dependências — Apenas curl e base64, funciona em qualquer lugar
  • 3 modelos Gemini — Flash para iterações rápidas, Pro para alta qualidade
Ad

Uso

Você pode usar /generate-image [Prompt] se já souber o que quer. Para geração contextualizada, o plugin analisa seus arquivos do sistema de design.

Instalação

Instale via: /plugin marketplace add Crypto-star/claude-banana

Detalhes técnicos

  • Gratuito e de código aberto
  • Construído usando a ideia do Claude Code por crypto-star
  • Repositório GitHub: github.com/Crypto-star/claude-banana

📖 Read the full source: r/ClaudeAI

Ad

👀 See Also

O plugin de código aberto do Claude gera sintonizadores visuais interativos com pré-visualização em tempo real
Tools

O plugin de código aberto do Claude gera sintonizadores visuais interativos com pré-visualização em tempo real

Um desenvolvedor criou um plugin de código aberto que permite ao Claude Code gerar páginas HTML únicas com controles deslizantes e telas infinitas no estilo Figma para ajustar valores CSS. O plugin lê arquivos de origem, reproduz elementos em uma tela interativa e fornece controles para ajustes precisos com visualização em tempo real.

OpenClawRadar
Claude Code Skill refatora componentes React usando princípios de 'Não Me Faça Pensar'
Tools

Claude Code Skill refatora componentes React usando princípios de 'Não Me Faça Pensar'

Uma nova habilidade do Claude Code refatora automaticamente componentes React para usabilidade com base nos princípios de Steve Krug — elimina "happy talk", destaca CTAs primárias, corrige estados vazios/de erro e ajusta rótulos.

OpenClawRadar
Qure: Aplicativo de Desktop para Gerar Testes E2E a Partir de Fluxos de Navegador Gravados
Tools

Qure: Aplicativo de Desktop para Gerar Testes E2E a Partir de Fluxos de Navegador Gravados

Qure é um aplicativo de desktop desenvolvido pela JetBrains (atualmente em beta fechado) que gera código de teste web de ponta a ponta a partir de gravações feitas em seu navegador integrado. Em vez de descrever fluxos de teste em texto para agentes de IA, os desenvolvedores gravam seus cenários de QA manual interagindo com seu produto, e a IA produz código de teste funcional que corresponde à sua base de código existente.

OpenClawRadar
Memex: Plugin de Memória de Código Aberto para Claude Cowork
Tools

Memex: Plugin de Memória de Código Aberto para Claude Cowork

Memex é um plugin de código aberto que dá ao Claude Cowork memória persistente entre sessões usando um sistema de carregamento de contexto em camadas. Após executar /memex:init uma vez, o Claude se atualiza em cerca de 20 segundos por sessão e retoma de onde você parou.

OpenClawRadar