Image Editor Generator

Zweck & Benutzerabsicht: Der Image Editor Generator erstellt ein konfigurierbares Gerüst oder Code-Template für einen Bildbearbeitungs-Editor, der in Web- oder Mobile-Apps eingebettet werden kann. Zielnutzer sind Frontend-Entwickler, Plattform-Teams und Design-System-Ingenieure, die eine wiederverwendbare Bearbeitungserfahrung benötigen, ohne Kernlogik von Grund auf neu zu erstellen. Er löst das Problem inkonsistenter Editoren und langer Setup-Zeiten, indem er standardkonforme Vorlagen und eine klare Funktionskonfiguration liefert.
Kernlogik & Funktionen: Der Tool führt einen Funktionskatalog (Beschneiden, Skalieren, Drehen, Farbanpassungen, Filter, Ebenen, Rückgängig/Wiederherstellen, Export-Voreinstellungen). Erforderliche Funktionen umfassen ein Canvas-Modell und eine minimale Bedienoberfläche; optionale/fortgeschrittene Funktionen beinhalten mehrschichtige Bearbeitung, Stapelverarbeitung, Voreinstellungen und framework-spezifische Vorlagen. Ausgaben können Code-Gerüste in React, Vue oder Vanilla JS oder ein JSON-Manifest mit Funktionen und API-Oberflächen sein. Plattformbeschränkungen (Web vs. Native) und Bildformat-Unterstützung werden geprüft. Eine klare Trennung zwischen Feature-Definitionen und Implementierungs-Vorlagen ermöglicht Wiederverwendung und Tests.
Eingaben & Ausgaben: Eingaben umfassen: targetPlatform (string; web|iOS|Android); canvasWidth (int; px); canvasHeight (int; px); features (Array von Strings); colorPalette (Array von Farbcodes); exportFormat (string; code|config). Ausgaben: editorCode (string) oder config JSON; Artefakte wie README und package.json; Formatierung gemäß dem gewählten Framework (2-stufige Einrückung für JS/TS).
Algorithmen & Berechnungen: Der Generator ordnet ausgewählte Features einem Template-Set über eine Feature-to-Template-Matrix zu, erstellt Code-Skelettstrukturen, und berechnet responsive Größenmetadaten. Er validiert Eingaben, prüft Bildformatunterstützung und erzeugt ein Manifest mit API-Oberflächen und Standard-Einstellungen. Berechnungen umfassen Standard-Canvas-Größenlogik und Exportvoreinstellungen.
Fehler & Randfälle: Ungültige Eingaben (negative Abmessungen, nicht unterstützte Plattform, widersprüchliche Features) werden mit präzisen Validierungsnachrichten abgewiesen. Fehlende Pflichtangaben stoppen die Generierung. Falls externe Vorlagen fehlen, werden Fallbacks generiert. Große Leinwände lösen Warnungen aus, um Leistungsprobleme zu vermeiden.
Branche/Region & Lokalisierung: Beachtet Web-Standards (ECMAScript/TypeScript-Kompatibilität), verwendet sRGB-Farbraum und unterstützt gängige Pixeleinheiten (px). Es werden keine regionalen Daten angenommen; der Generator fokussiert sich auf Code- bzw. Config-Ausgaben.
Annahmen & Ausschlüsse: Es wird angenommen, dass eine Host-Anwendung Rendering und Laufzeit-Bildverarbeitung bereitstellt. Ausschluss von serverseitiger Verarbeitung, Laufzeit-Editor-Ausführung und gebrandetem UI-Elementen. Ausgabe ist nur ein Skelett und eine Konfiguration.