Image Editor Generator

Purpose & User Intent: The Image Editor Generator creates a configurable scaffold or code template for an image editing component that can be embedded in web or mobile apps. Target users are frontend developers, platform teams, and design-system engineers who need a reusable editing experience without building core logic from scratch. It solves the problem of inconsistent editors and long setup times by producing standards-compliant templates and a clear feature configuration.
Core Logic & Features: The tool maintains a feature catalog (crop, resize, rotate, color adjustments, filters, layers, undo/redo, export presets). Required features include a canvas model and a minimal operation surface; optional/advanced features include multi-layer editing, batch processing, presets, and framework-specific templates. Outputs can be code scaffolds in React, Vue, or vanilla JS, or a JSON manifest describing capabilities and API surfaces. Platform constraints (web vs native) and image format support are enforced. It uses a clean separation between feature definitions and implementation templates to enable reuse and testing.
Inputs & Outputs: Inputs include: targetPlatform (string; web|iOS|Android); canvasWidth (int; px); canvasHeight (int; px); features (array of strings); colorPalette (array of color strings); exportFormat (string; code|config). Outputs: editorCode (string) or config JSON; artifacts such as a README and package.json; formatting adheres to the chosen framework (indentation 2 spaces for JS/TS).
Algorithms & Calculations: The generator maps selected features to a template set via a feature-to-template map, assembles code skeletons, and computes responsive sizing metadata. It validates inputs, ensures image format support, and generates a manifest with API surfaces and default settings. Calculations include default canvas sizing logic and export presets.
Error & Edge Cases: Invalid input values (negative dimensions, unsupported platform, conflicting features) are rejected with precise validation messages. Missing required inputs halt generation. If external templates are unavailable, fallbacks are generated. Large canvases are warned to avoid performance issues.
Industry/Region & Localization: Adheres to web standards (ECMAScript/TypeScript compatibility), uses sRGB color space, and supports common pixel units (px). No regional data is assumed; the generator focuses on code/config outputs.
Assumptions & Exclusions: Assumes a host app will provide rendering and runtime image processing. Excludes server-side processing, runtime editor execution, and branded UI elements. Output is a scaffold and configuration only.