Image Editor Generator

Propósito e intenção do usuário: o Image Editor Generator cria um esqueleto configurável ou um modelo de código para um componente de edição de imagem que pode ser incorporado em aplicações web ou móveis. Usuários-alvo: desenvolvedores frontend, equipes de plataforma e engenheiros de design system que precisam de uma experiência de edição reutilizável sem codificar a lógica central do zero. Resolve o problema de editores inconsistentes e longos tempos de configuração, fornecendo modelos padronizados e configuração de recursos clara.
Lógica central e recursos: o gerador mantém um catálogo de recursos (recortar, redimensionar, girar, ajustes de cor, filtros, camadas, desfazer/refazer, presets de exportação). Funções obrigatórias incluem um modelo de canvas e uma superfície de operação mínima; funções opcionais/avançadas incluem edição em várias camadas, processamento em lote, presets e templates específicos de framework. Saídas podem ser esboços de código em React, Vue ou Vanilla JS ou um manifesto JSON descrevendo capacidades e superfícies API. Limitações de plataforma (web vs nativo) e suporte a formatos de imagem são aplicados. Existe uma separação clara entre definições de recursos e templates de implementação para facilitar reutilização e testes.
Entradas e Saídas: Entradas: targetPlatform (string; web|iOS|Android); canvasWidth (int; px); canvasHeight (int; px); features (array de strings); colorPalette (array de cores); exportFormat (string; code|config). Saídas: editorCode (string) ou config JSON; artefatos como README e package.json; formatação conforme o framework escolhido (identação de 2 espaços para JS/TS).
Algoritmos & Cálculos: O gerador associa recursos selecionados a um conjunto de templates via um mapa Feature-to-Template, monta esboços de código e calcula metadados de dimensionamento responsivo. Valida entradas, verifica suporte de formatos de imagem e gera um manifesto com superfícies de API e configurações padrão. Cálculos incluem lógica de dimensionamento padrão do canvas e presets de exportação.
Erros & Casos Limite: Entradas inválidas (dimensões negativas, plataforma não suportada, recursos conflitantes) são rejeitadas com mensagens de validação. Entradas obrigatórias ausentes parametricamente param; geração interrompida. Se templates externos falharem, geram-se fallbacks. Canvas grandes podem emitir avisos de desempenho.
Indústria/Região & Localização: Segue padrões web (ECMAScript/TypeScript), usa espaço de cores sRGB e unidades em px. Não assume dados regionais; o gerador foca em saídas de código/config.
Suposições & Exclusões: Assume que a aplicação host fornece renderização e processamento de imagem em tempo de execução. Exclui processamento no lado do servidor, execução do editor em tempo de execução e elementos UI com marca. A saída é apenas um esqueleto e uma configuração.