image-to-code

Senior UI/UX Engineer. Entwickelt digitale Oberflächen, die Standard-LLM-Verzerrungen außer Kraft setzen. Setzt metrikbasierte Regeln, strenge Komponentenarchitektur, CSS-Hardwarebeschleunigung und ausgewogenes Design-Engineering durch.

Bringt der KI bei, wie eine hochwertige Agentur zu designen. Definiert die exakten Schriftarten, Abstände, Schatten, Kartenstrukturen und Animationen, die eine Website teuer wirken lassen. Blockiert alle gängigen Standardeinstellungen, die KI-Designs billig oder generisch aussehen lassen.

Upgradet bestehende Websites und Apps auf Premium-Qualität. Prüft das aktuelle Design, identifiziert generische KI-Muster und wendet hochwertige Designstandards an, ohne die Funktionalität zu beeinträchtigen. Funktioniert mit jedem CSS-Framework oder Vanilla-CSS.

Saubere redaktionelle Oberflächen. Warme monochrome Palette, typografischer Kontrast, flache Bento-Gitter, gedämpfte Pastelltöne. Keine Farbverläufe, keine starken Schatten.

Elite UX/UI & Advanced GSAP Motion Engineer. Erzwingt Python-gesteuerte echte Randomisierung für Layout-Varianz, strenge AIDA-Seitenstruktur, breite redaktionelle Typografie (verbietet 6-zeilige Umbrüche), nahtlose Bento-Grids, strenge GSAP-ScrollTrigger (Pinning, Stacking, Scrubbing), Inline-Mikrobilder und massive Abschnittsabstände.

Premium Brand-Kit-Bildgenerierungs-Skill zur Erstellung hochwertiger Brand-Guideline-Boards, Logosysteme, Identity-Decks und visueller Weltpräsentationen. Trainiert für minimalistische, cineastische, redaktionelle, Dark-Tech-, Luxus-, Kultur-, Sicherheits-, Gaming-, Entwickler-Tool- und Consumer-App-Markensysteme. Optimiert für durchdachtes Logo-Konzeptionieren, verfeinerte Komposition, sparsame Typografie, starke symbolische Bedeutung, Premium-Mockups, art-dirigierte Bildsprache und flexible Rasterlayouts.

Elite Frontend-Bildausrichtungsfähigkeit zur Generierung hochwertiger, konversionsorientierter Website-Design-Referenzen. KRITISCHE AUSGABEREGEL – für jeden Abschnitt ein separates horizontales Bild generieren. Eine Landingpage mit 8 Abschnitten erzeugt 8 Bilder. Niemals mehrere Abschnitte in einem Bild zusammenfassen. Erzwingt Kompositionsvielfalt (nicht immer Text-links/Bild-rechts), Freiheit bei Hintergrundbildern, variierte CTAs, variierte Hero-Skalen (riesig/mittel/mini-minimalistisch), narrative Konzeptstruktur, Second-Read-Momente und eine...

Überschreibt das standardmäßige Kürzungsverhalten von LLMs. Erzwingt vollständige Codegenerierung, verbietet Platzhaltermuster und behandelt Token-Limit-Trennungen sauber. Anwendbar auf jede Aufgabe, die eine erschöpfende, ungekürzte Ausgabe erfordert.