Image Editor Generator

Doel en gebruikersintentie: De Image Editor Generator maakt een configureerbaar skelet of code-sjabloon voor een afbeeldingsbewerkingscomponent die kan worden ingebed in web- of mobiele apps. Doelgebruikers zijn frontend-ontwikkelaars, platform-teams en design-system engineers die een herbruikbare bewerkingservaring nodig hebben zonder kernlogica vanaf nul op te bouwen. Het lost problemen op van inconsistent editors en lange setup-tijden door standaardconforme sjablonen en duidelijke functiekonfiguratie te leveren.
Kernlogica & Functies: De tool onderhoudt een functiekatalogus (bijsnijden, herschalen, roteren, kleuraanpassingen, filters, lagen, ongedaan maken, export-presets). Verplichte functies omvatten een canvas-model en een minimale oppervlak; optionele/advanced functies omvatten multi-laag bewerking, batchverwerking, presets en framework-specifieke sjablonen. Uitvoer kan bestaan uit code-skeletten in React, Vue of Vanilla JS of een JSON-manifest met capaciteiten en API-surfaces. Platformbeperkingen (web vs native) en beeldformaat-ondersteuning worden afgedwongen. Een scheiding tussen functiebeschrijvingen en implementatie-sjablonen maakt hergebruik en testen mogelijk.
In- en Uitvoer: Invoer: targetPlatform (string; web|iOS|Android); canvasWidth (int; px); canvasHeight (int; px); features (array strings); colorPalette (array kleuren); exportFormat (string; code|config). Uitvoer: editorCode (string) of config JSON; artefacten zoals README en package.json; opmaak volgens het gekozen framework (2 spaties indentatie voor JS/TS).
Algorithm en Berekeningen: De generator koppelна geselecteerde features aan een template-set via een Feature-to-Template-kaart, bouwt code-skeletten en berekent responsive sizing metadata. Valideert inputs, controleert beeldformaat-ondersteuning en genereert een manifest met API-oppervlakken en standaardinstellingen. Berekeningen omvatten standaard canvas-afmetingen logica en export-presets.
Fouten & Randgevallen: Ongeldige invoer (negatieve afmetingen, niet-ondersteund platform, conflicterende functies) worden afgewezen met duidelijke validatieberichten. Verplichte invoer ontbreekt, stopt generatie. Als externe sjablonen ontbreken, worden fallbacks gegenereerd. Grote canvassen kunnen prestatiewaarschuwingen geven.
Industrie/Regio & Lokalisatie: Voldoet aan web-standaarden (ECMAScript/TypeScript), gebruikt sRGB-kleurruimte en pixels als maateenheid. Geen regionale data wordt verondersteld; de generator richt zich op code/config-uitvoer.
Aannames & Uitsluitingen: Veronderstelt dat een host-app rendering en runtime beeldverwerking biedt. Sluit server-side verwerking, runtime-editor-uitvoering en branded UI-elementen uit. Uitvoer is enkel skelet en configuratie.