Layerkit: KI-Bildeditor mit bearbeitbaren Ebenen – entwickelt mit Claude Code

Was Layerkit macht

Layerkit ist ein browserbasierter Bildeditor, der entwickelt wurde, um das Problem des ständigen Neu-Eingebens von Prompts für KI-Bildgeneratoren bei kleinen Änderungen zu lösen. Der Entwickler war frustriert über Arbeitsabläufe, bei denen das Ändern einer Überschrift, das leichte Verschieben von Text oder das Hinzufügen eines Call-to-Action das Neu-Eingeben von Prompts oder den Wechsel zu Tools wie Canva erforderte.

Wie es funktioniert

Der Arbeitsablauf besteht aus:

• Beschreiben Sie Ihre Szene in Klartext
• KI generiert das Hintergrundbild mit Blick auf die Komposition
• Ein zweiter KI-Durchlauf analysiert das tatsächlich generierte Bild und platziert Text dort, wo er lesbar ist
• Alles existiert als bearbeitbare Ebenen, die gezogen, skaliert, umgestaltet oder gelöscht werden können, ohne andere Elemente zu beeinflussen

Technische Architektur

Die gesamte Codebasis wurde mit Claude Code erstellt. Die Architektur umfasst eine gestufte KI-Pipeline:

• Ein LLM plant die Komposition
• Ein Bildmodell generiert die Szene
• Ein zweiter LLM-Durchlauf analysiert das tatsächlich generierte Bild, um Text zu platzieren

Claude Code hat alles übernommen, vom Fabric.js-Canvas-Setup bis zur API-Routing-Schicht, die es Benutzern ermöglicht, ihre eigenen Schlüssel einzubinden. Der größte Teil des Prompt-Engineerings für die Dekompositions- und Textverfeinerungsphasen wurde ebenfalls über Claude iteriert.

Hauptfunktionen

• Brand Kits - Laden Sie Marken-Assets hoch und KI extrahiert Farben, Schriftarten und Stil, um jede Generierung markenkonform zu halten
• Funktioniert nur mit einem Google AI-Schlüssel - Keine Abonnement- oder pro-Bild-Gebühren
• Option zum Hinzufügen eines OpenRouter-Schlüssels für Zugriff auf GPT, Claude und andere Modelle
• Exportieren Sie das vollständige Setup als verschlüsselte Datei, um es mit Teammitgliedern zu teilen
• Läuft vollständig im Browser - Nichts wird auf einem Server gespeichert
• Kostenlos nutzbar

Entwicklungseinblicke

Der Entwickler war überrascht, wie gut Claude das Design der mehrstufigen Pipeline bewältigte. Bei der Beschreibung von Problemen wie "Text landet immer auf überladenen Teilen des Bildes" schlug Claude Lösungen vor (visionsbasierte Nachplatzierungsverfeinerung) und setzte sie von Anfang bis Ende um.

Das Tool ist derzeit unter layerkit.impulze.ai verfügbar, und der Entwickler feilt an der intelligenten Textplatzierung und freut sich über Feedback.