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.
📖 Read the full source: r/ClaudeAI
👀 Siehe auch
Clawmates: OpenClaw für Teams
Neues Projekt ermöglicht OpenClaw-Deployment für ganze Teams mit geteilter Wissensbasis, Kostentransparenz und Admin-Kontrollen.
Open-Source-Claude-Fähigkeit für Management-Consulting-Frameworks und Fallstudien
Ein kostenloses, MIT-lizenziertes Claude-Skill bietet strukturiertes Referenzmaterial für Management-Consulting-Arbeit, einschließlich Frameworks, Branchenkontext und Fallstudien. Das Projekt besteht aus 80+ Markdown-Dateien, die nach Domänen organisiert sind, und sucht Mitwirkende, um die Abdeckung zu erweitern.
ClawMetry: Open-Source Observability-Dashboard für OpenClaw-Agenten
ClawMetry ist ein Open-Source-Observability-Dashboard für OpenClaw-Agenten, das Live-Sitzungsaktivitäten, Token-Kostenverfolgung, Erkennung von Speicherdateiänderungen und Warnungen bei festhängenden Sitzungen bietet. Es läuft lokal mit pip install clawmetry und wurde selbst mit OpenClaw entwickelt.
Kreativ-Exzellenz-Plugin für Claude Code verbessert Animationsqualität durch Interaktionsthese
Ein neues Open-Source-Plugin für Claude Code adressiert die generische Animation-Erstellung durch die Implementierung eines 'Interaktions-These'-Ansatzes, bei dem Claude zunächst Bewegungskonzepte beschreiben muss, bevor er Code schreibt. Das Plugin umfasst 8 Teilfähigkeiten, die GSAP, Framer Motion, CSS-Animationen und Designprinzipien aus untersuchten Repositories abdecken.