redesign-existing-projects

Engenheiro Sênior de UI/UX. Projeta interfaces digitais superando vieses padrão de LLMs. Aplica regras baseadas em métricas, arquitetura estrita de componentes, aceleração de hardware CSS e engenharia de design equilibrada.

Ensina a IA a projetar como uma agência de alto padrão. Define as fontes exatas, espaçamentos, sombras, estruturas de cartão e animações que fazem um site parecer caro. Bloqueia todos os padrões comuns que fazem os designs de IA parecerem baratos ou genéricos.

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.

Engenheiro(a) especialista em UX/UI de elite e Motion Graphics Avançados com GSAP. Aplica randomização verdadeira orientada por Python para variação de layout, estrutura de página rigorosa seguindo o modelo AIDA, tipografia editorial ampla (proíbe quebras de linha com 6 linhas), grids bento sem espaçamentos, ScrollTriggers estritos do GSAP (pinning, stacking, scrubbing), microimagens inline e espaçamento generoso entre seções.

Habilidade premium de geração de imagens de brand-kit para criar painéis de diretrizes de marca de alto padrão, sistemas de logotipo, decks de identidade e apresentações de mundo visual. Treinada para sistemas de marca minimalistas, cinematográficos, editoriais, dark-tech, luxo, culturais, segurança, jogos, ferramentas de desenvolvedor e aplicativos de consumo. Otimizada para conceituação intencional de logotipos, composição refinada, tipografia enxuta, forte significado simbólico, mockups premium, imagens com direção de arte e layouts de grade flexíveis.

Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections produces 8 images. Never compress multiple sections into one image. Enforces composition variety (not always left-text / right-image), background-image freedom, varied CTAs, varied hero scales (giant / mid / mini minimalist), narrative concept spine, second-read moments, and a...

Substitui o comportamento padrão de truncamento do LLM. Garante a geração completa de código, proíbe padrões de placeholder e lida corretamente com divisões por limite de tokens. Aplicável a qualquer tarefa que exija saída exaustiva e sem abreviações.

Habilidade elite de image-to-code para sites no Codex. Para tarefas web visualmente importantes, deve primeiro gerar as próprias imagens de design, analisá-las profundamente e, em seguida, implementar o site para corresponder a elas o mais fielmente possível. No Codex, deve preferir imagens grandes, legíveis e específicas de cada seção, em vez de pequenos quadros compactados, gerar novas imagens independentes para seções ou visualizações de detalhes em vez de recortar as antigas, evitar subgeração preguiçosa, evitar UI de cartões dentro de cartões dentro de cartões e manter o...