Layerkit : Éditeur d'Images IA avec Calques Modifiables Développé avec Claude Code

Ce que fait Layerkit

Layerkit est un éditeur d'images basé sur le navigateur créé pour résoudre le problème de constamment reformuler les prompts des générateurs d'images IA pour de petites modifications. Le développeur était frustré par les flux de travail où changer un titre, déplacer légèrement un texte ou ajouter un appel à l'action nécessitait de reformuler ou de passer à des outils comme Canva.

Comment ça fonctionne

Le flux de travail consiste en :

• Décrivez votre scène en texte simple
• L'IA génère l'image de fond en tenant compte de la composition
• Une deuxième passe d'IA analyse l'image générée réelle et place le texte là où il est lisible
• Tout existe sous forme de calques modifiables qui peuvent être déplacés, redimensionnés, restylés ou supprimés sans affecter les autres éléments

Architecture technique

L'ensemble du code a été construit en utilisant Claude Code. L'architecture présente un pipeline d'IA en plusieurs étapes :

• Un LLM planifie la composition
• Un modèle d'image génère la scène
• Une deuxième passe LLM analyse l'image générée réelle pour placer le texte

Claude Code a géré tout, de la configuration du canevas Fabric.js à la couche de routage API qui permet aux utilisateurs de connecter leurs propres clés. La plupart de l'ingénierie des prompts pour les étapes de décomposition et de raffinement du texte a également été itérée via Claude.

Fonctionnalités clés

• Kits de marque - téléchargez des ressources de marque et l'IA extrait les couleurs, polices et style pour que chaque génération respecte l'identité de marque
• Fonctionne avec juste une clé Google AI - pas d'abonnement ni de frais par image
• Option d'ajouter une clé OpenRouter pour accéder à GPT, Claude et d'autres modèles
• Exportez la configuration complète sous forme de fichier crypté à partager avec les coéquipiers
• Fonctionne entièrement dans le navigateur - rien n'est stocké sur un serveur
• Gratuit à utiliser

Perspectives de développement

Le développeur a été surpris par la façon dont Claude a géré la conception du pipeline multi-étapes. Lorsqu'il décrivait des problèmes comme "le texte continue d'atterrir sur des parties chargées de l'image", Claude proposait des solutions (raffinement post-placement basé sur la vision) et les implémentait de bout en bout.

L'outil est actuellement disponible sur layerkit.impulze.ai, et le développeur affine le placement intelligent du texte et accueille les retours.