Layerkit: Editor de Imagens com IA com Camadas Editáveis Criado com Claude Code
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.
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
👀 See Also
Duas Habilidades Gratuitas do Claude Code: Gerador de Tutoriais e Corretor de Prompts
Duas novas habilidades gratuitas do Claude Code: create-tutorial gera tutoriais de leitura de código a partir dos arquivos reais do seu projeto, e prompter reescreve prompts cheios de erros de digitação em instruções acionáveis. Ambas são licenciadas MIT e instaladas via GitHub.
Construindo um Assistente de Voz com IA Local usando SwiftUI e CSM-1B no Apple Silicon
Um desenvolvedor criou o mobiGlas, um aplicativo SwiftUI que se integra ao OpenClaw para permitir conversas mãos-livres via AirPods, usando clonagem de voz local (CSM-1B no M2 Ultra) e sem APIs em nuvem.
Alternativa DIY para OpenClaw Usando Código Claude em Modo Headless
Um desenvolvedor criou um servidor Python que envia prompts para o Claude Code no modo headless, com acesso a bot do Telegram, automação Hammerspoon e armazenamento local de arquivos markdown para tarefas, agendas e notas.
ClawBridge – Exponha com Segurança Suas Entidades do Home Assistant para o OpenClaw
O ClawBridge apresenta uma forma integrada de expor entidades do Home Assistant para o OpenClaw, aprimorando a automação enquanto garante a segurança. Descubra seus recursos e benefícios.