Layerkit: Editor de Imagens com IA com Camadas Editáveis Criado com Claude Code

✍️ OpenClawRadar📅 Publicado: March 28, 2026🔗 Source
Layerkit: Editor de Imagens com IA com Camadas Editáveis Criado com Claude Code
Ad

O que o Layerkit faz

O Layerkit é um editor de imagens baseado em navegador criado para resolver o problema de ter que re-promptar constantemente geradores de imagens de IA para pequenas edições. O desenvolvedor estava frustrado com fluxos de trabalho onde alterar um título, mover um texto levemente ou adicionar um CTA exigia re-prompt ou mudança para ferramentas como o Canva.

Como funciona

O fluxo de trabalho consiste em:

  • Descreva sua cena em texto simples
  • A IA gera a imagem de fundo com a composição em mente
  • Uma segunda passagem de IA analisa a imagem gerada de fato e posiciona o texto onde ele é legível
  • Tudo existe como camadas editáveis que podem ser arrastadas, redimensionadas, reestilizadas ou excluídas sem afetar outros elementos

Arquitetura técnica

Todo o código foi construído usando Claude Code. A arquitetura apresenta um pipeline de IA em estágios:

  • Um LLM planeja a composição
  • Um modelo de imagem gera a cena
  • Uma segunda passagem de LLM analisa a imagem gerada de fato para posicionar texto

O Claude Code lidou com tudo, desde a configuração do canvas Fabric.js até a camada de roteamento de API que permite aos usuários conectar suas próprias chaves. A maior parte da engenharia de prompt para os estágios de decomposição e refinamento de texto também foi iterada através do Claude.

Ad

Principais recursos

  • Kits de marca - faça upload de ativos da marca e a IA extrai cores, fontes e estilo para manter cada geração alinhada com a marca
  • Funciona apenas com uma chave do Google AI - sem assinatura ou taxas por imagem
  • Opção de adicionar uma chave do OpenRouter para acesso a GPT, Claude e outros modelos
  • Exporte a configuração completa como um arquivo criptografado para compartilhar com colegas de equipe
  • Executa totalmente no navegador - nada é armazenado em nenhum servidor
  • Gratuito para usar

Insights de desenvolvimento

O desenvolvedor ficou surpreso com o quão bem o Claude lidou com o design do pipeline em múltiplos estágios. Ao descrever problemas como "o texto continua caindo em partes ocupadas da imagem", o Claude propunha soluções (refinamento pós-posicionamento baseado em visão) e as implementava de ponta a ponta.

A ferramenta está atualmente disponível em layerkit.impulze.ai, e o desenvolvedor está ajustando o posicionamento inteligente de texto e agradece feedback.

📖 Read the full source: r/ClaudeAI

Ad

👀 See Also

Claude Code Adiciona Modo Automático para Decisões de Permissão
Tools

Claude Code Adiciona Modo Automático para Decisões de Permissão

O Claude Code agora possui um modo automático que permite ao Claude tomar decisões de permissão em vez de exigir aprovação manual para cada gravação de arquivo e comando bash. Este modo inclui salvaguardas que verificam cada ação antes de executá-la, com um classificador revisando as chamadas de ferramentas para ações potencialmente destrutivas.

OpenClawRadar
Habilidades OpenClaw com Alta Adoção: Capability Evolver, WACLI, Composio e Mais
Tools

Habilidades OpenClaw com Alta Adoção: Capability Evolver, WACLI, Composio e Mais

Uma postagem no Reddit destaca várias habilidades do OpenClaw com números significativos de instalações e casos de uso específicos, incluindo o Capability Evolver para auditoria automática do comportamento do agente, WACLI para acesso ao WhatsApp e Composio para conexão com mais de 860 aplicativos.

OpenClawRadar
Desenvolvedor cria gerador de modelos .NET SaaS com Claude Code, compartilha insights sobre fluxo de trabalho
Tools

Desenvolvedor cria gerador de modelos .NET SaaS com Claude Code, compartilha insights sobre fluxo de trabalho

Um desenvolvedor disponibilizou como código aberto o NETrock, um modelo inicial de SaaS para .NET 10 com autenticação, ORM e tarefas em segundo plano, e depois construiu um gerador do lado do cliente para ele usando o Claude Code. O gerador permite que os usuários escolham recursos e baixem um projeto .zip funcional que permanece em seu navegador.

OpenClawRadar
JobPilot: Plugin do Claude Code para Candidaturas Automatizadas a Empregos
Tools

JobPilot: Plugin do Claude Code para Candidaturas Automatizadas a Empregos

JobPilot é um plugin do Claude Code que automatiza a busca por empregos e processos de candidatura usando automação de navegador Playwright. Inclui comandos para pesquisar em sites de vagas, preencher automaticamente candidaturas, gerar cartas de apresentação e acompanhar estatísticas de aplicações.

OpenClawRadar