imagegen-frontend-web

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...

npx skills add https://github.com/leonxlnx/taste-skill --skill imagegen-frontend-web

ZIP herunterladen GitHub

Mehr Skills von leonxlnx

design-taste-frontend

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.

developmentdesigncreative

high-end-visual-design

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.

designcreativedevelopment

redesign-existing-projects

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.

designdevelopmentcode-review

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

designcreativedevelopment

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.

developmentdesigncreative

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.

creativedesignmarketing

full-output-enforcement

Ü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.

developmentcode-reviewtesting

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...

developmentdesigncreative