design-style

SKILL.md

This skill helps Claude Code create beautiful, distinctive frontend interfaces by automatically retrieving design system prompts from the prompts/ directory. Instead of producing generic UI, this skill enables Claude to build interfaces with specific design aesthetics like Neo-brutalism, Modern Dark, Luxury, Cyberpunk, and more.

The following design systems are available in the prompts/ directory:

Ask the user if you're uncertain about which style fits their needs.

Verwenden Sie diese Fähigkeit, wenn der Benutzer IRGENDEIN Frontend-Interface, Webseite, UI-Komponente oder visuelles Element erstellen, entwerfen, entwickeln oder verbessern möchte. Dazu gehört: - Erstellen von Landingpages, Websites, Web-Apps, Dashboards, Portfolios oder einer beliebigen Weboberfläche - Erstellen von UI-Komponenten (Schaltflächen, Formulare, Karten, Navigationsleisten, Modalitäten usw.) - Entwerfen von Seiten mit React, Vue, Next.js, Svelte oder einem beliebigen Frontend-Framework - Hinzufügen von Stil oder Verbesserung des visuellen Designs bestehender Komponenten - Umsetzung spezifischer Designästhetiken (modern, düster, minimalistisch, brutalistisch usw.) – Benutzer erwähnt „Frontend“, „UI“, „UX“, „Design“, „Schnittstelle“, „Webdesign“ oder „Styling“ - Der Benutzer fragt nach „schön“, „modern“, „professionell“, „sauber“ oder einem ästhetischen Adjektiv - Benutzeranfragen helfen bei CSS, Tailwind, gestalteten Komponenten oder anderen Styling-Ansätzen Diese Fähigkeit ruft automatisch die entsprechende Eingabeaufforderung des Designsystems ab (Neo-Brutalismus, Modern Dark, Bauhaus, Cyberpunk, Material usw.), um dabei zu helfen, visuell unverwechselbaren Frontend-Code in Produktionsqualität anstelle einer generischen Benutzeroberfläche zu erstellen. WICHTIG: Lösen Sie diesen Skill proaktiv für JEDE Frontend-/UI-Arbeit aus, nicht nur, wenn der Designstil explizit erwähnt wird. Quelle: nakanosanku/ohmyskills.

Original anzeigen