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
mistral.rs Adiciona Suporte ao Gemma 4 12B: Multimodal, Agentivo e MTP
mistral.rs agora suporta o Gemma 4 12B com integração multimodal, agentiva e MTP. Instalação em um passo e execução com pesquisa web, execução de código e interface integrada.
A extensão Super Claude para navegador torna a interface do Claude.ai totalmente personalizável.
Um desenvolvedor criou uma extensão de navegador que permite aos usuários personalizar todos os aspectos da interface do Claude.ai — cores, fontes, layout, além de rastreamento de uso e contagem de tokens. A extensão funciona no Chrome e Firefox e foi desenvolvida usando o próprio Claude.
Habilidades de Código Claude para Estruturação Automatizada de Projetos
Um desenvolvedor criou habilidades Claude Code que automatizam a configuração inicial de projetos full-stack com comandos para React, Next.js, APIs Node.js e monorepos Turborepo. As habilidades buscam as dependências mais recentes, suportam mais de 50 integrações e são licenciadas sob MIT.
T9OS: Um Sistema de Orquestração de IA Construído Integralmente com Código Claude
Um estudante de economia construiu o T9OS, uma camada completa de orquestração de IA usando Claude Code como única ferramenta de programação. O sistema inclui 18 pipelines de produção, um mecanismo de ciclo de vida com 12 estados e 7 'Guardiões' de IA que revisam cada saída.