brandkit

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.

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.

Elite Website image-to-code-Fähigkeit für Codex. Bei visuell wichtigen Webaufgaben muss es zunächst selbst die Designbilder generieren, diese tiefgehend analysieren und dann die Website so genau wie möglich umsetzen. In Codex muss es große, lesbare, abschnittsspezifische Bilder anstelle von winzigen komprimierten Boards bevorzugen, frische eigenständige Bilder für Abschnitte oder Detailansichten generieren anstatt alte zuzuschneiden, faule Untergenerierung vermeiden, Karten-in-Karten-in-Karten-UI vermeiden und die...