Frontend Design
Frontend design skill for UI/UX implementation
Generiere unverwechselbare, produktionsreife Frontend-Interfaces, die sich von generischen KI-Designs abheben. Dieses Plugin ermöglicht es Claude, polierten Code mit mutigen Designentscheidungen, markanter Typografie und Farbpaletten, wirkungsstarken Animationen und kontextsensiblen visuellen Details zu erstellen.
Das Plugin etabliert vor dem Coden einen Designrahmen – es identifiziert Zweck, Zielgruppe und eine konkrete Ästhetik (Brutalist, Maximalist, Retro-Futuristisch, Luxury, Verspielt usw.). Es vermeidet bewusst typische Muster wie generische Systemfonts, vorhersehbare Lila-Verläufe und austauschbare Komponenten.
Zentrale Designbereiche sind: durchdachte Typografie mit unerwarteten Schriftkombinationen, orchestrierte Bewegung und Scroll-Interaktionen, räumliche Komposition mit Asymmetrie und Grid-Breaks sowie visuelle Tiefe durch Verläufe, Texturen und überlagerte Effekte.
Verwendung: Bitte Claude einfach, ein Frontend-Interface zu bauen – die Funktion aktiviert sich automatisch. Probiere Prompts wie „Erstelle ein Dashboard für eine Musik-Streaming-App", „Baue eine Landing Page für ein KI-Security-Startup" oder „Gestalte ein Einstellungsmenü mit Dark-Mode-Unterstützung".