Design Generation Lab

← Alle Runs

frontend-design Skill

Fertig

Claude Code mit dem built-in frontend-design Skill aus Superpowers.

landing-v1 HTML 2026-03-10 ⌀ –
Screenshot frontend-design-landing-v1
Ergebnis live ansehen →

Bewertung

Prompt-Treue Noch nicht bewertet
Code-Qualität Noch nicht bewertet
Visuelles Ergebnis Noch nicht bewertet
Produktionsnähe Noch nicht bewertet
Workflow Noch nicht bewertet

Metadaten

Tool (intern)
frontend-design
Output-Typ
html
Ergebnis-Ordner
results/frontend-design-landing-v1/

Notizen

Editorial/Plakat-Aesthetic mit Red Hat Display + Red Hat Text. Petrol (#1a7a6d) als Akzentfarbe. Große typografische Sektionsnummern (01–04), asymmetrische Layouts, Signature-Underline-Animation im Hero. Scroll-Reveal via IntersectionObserver, sticky Nav mit Shrink, mobiles Fullscreen-Overlay-Menü. Responsive von 1440px bis 375px. Alle Bilder aus public/images/ eingebunden. Rein CSS/JS, keine externen Abhängigkeiten außer Google Fonts. prefers-reduced-motion respektiert.

Ergebnis

TODO: Beschreibung des Outputs

Probleme / Auffälligkeiten

TODO: Was lief gut, was nicht?