Layerkit: Editor de Imágenes con IA con Capas Editables Desarrollado con Claude Code

Qué hace Layerkit

Layerkit es un editor de imágenes basado en navegador creado para resolver el problema de tener que reescribir constantemente las indicaciones en los generadores de imágenes con IA para realizar pequeños cambios. El desarrollador estaba frustrado con los flujos de trabajo en los que cambiar un titular, mover un texto ligeramente o agregar una llamada a la acción requería reescribir las indicaciones o cambiar a herramientas como Canva.

Cómo funciona

El flujo de trabajo consiste en:

• Describe tu escena en texto plano
• La IA genera la imagen de fondo teniendo en cuenta la composición
• Una segunda pasada de IA analiza la imagen generada real y coloca el texto donde sea legible
• Todo existe como capas editables que se pueden arrastrar, redimensionar, cambiar de estilo o eliminar sin afectar otros elementos

Arquitectura técnica

Todo el código se construyó utilizando Claude Code. La arquitectura presenta un proceso de IA por etapas:

• Un modelo de lenguaje planifica la composición
• Un modelo de imágenes genera la escena
• Una segunda pasada de modelo de lenguaje analiza la imagen generada real para colocar texto

Claude Code manejó todo, desde la configuración del lienzo Fabric.js hasta la capa de enrutamiento de API que permite a los usuarios conectar sus propias claves. La mayor parte de la ingeniería de indicaciones para las etapas de descomposición y refinamiento de texto también se iteró a través de Claude.

Características principales

• Kits de marca: carga activos de marca y la IA extrae colores, fuentes y estilos para mantener cada generación dentro de la marca
• Funciona solo con una clave de Google AI: sin suscripciones ni tarifas por imagen
• Opción para agregar una clave de OpenRouter para acceder a GPT, Claude y otros modelos
• Exporta la configuración completa como un archivo cifrado para compartir con compañeros de equipo
• Se ejecuta completamente en el navegador: nada se almacena en ningún servidor
• Gratuito para usar

Perspectivas de desarrollo

El desarrollador se sorprendió de lo bien que Claude manejó el diseño del proceso de múltiples etapas. Al describir problemas como "el texto sigue cayendo en partes ocupadas de la imagen", Claude proponía soluciones (refinamiento posterior a la colocación basado en visión) y las implementaba de principio a fin.

La herramienta está actualmente disponible en layerkit.impulze.ai, y el desarrollador está ajustando la colocación inteligente de texto y agradece los comentarios.