design-guide
✓Gewährleistet ein modernes, professionelles UI-Design für SwiftUI-, Android- und Webplattformen. Verwenden Sie es beim Erstellen ALLER Benutzeroberflächenkomponenten, einschließlich Schaltflächen, Formulare, Karten, Layouts, Navigation oder vollständiger Bildschirme. Erzwingt ein klares, minimalistisches Design, neutrale Farbpaletten mit einer Akzentfarbe, ein 8-Pixel-Rasterabstandssystem, eine ordnungsgemäße Typografiehierarchie und klare interaktive Zustände. Referenzieren Sie immer, bevor Sie UI-Elemente erstellen oder ändern.
Installation
SKILL.md
Comprehensive design system ensuring every UI you build looks modern, professional, and consistent across all platforms (SwiftUI, Android Studio, web applications).
Spacing: 8, 16, 24, 32, 48, 64px Typography: 16px minimum body, max 2 fonts Colors: Neutral base + ONE accent Shadows: Subtle only Border radius: 6-12px most elements Interactive states: Always include hover, active, disabled, focus
Always reference this guide before creating any UI component. Consistency is key to professional design.
Gewährleistet ein modernes, professionelles UI-Design für SwiftUI-, Android- und Webplattformen. Verwenden Sie es beim Erstellen ALLER Benutzeroberflächenkomponenten, einschließlich Schaltflächen, Formulare, Karten, Layouts, Navigation oder vollständiger Bildschirme. Erzwingt ein klares, minimalistisches Design, neutrale Farbpaletten mit einer Akzentfarbe, ein 8-Pixel-Rasterabstandssystem, eine ordnungsgemäße Typografiehierarchie und klare interaktive Zustände. Referenzieren Sie immer, bevor Sie UI-Elemente erstellen oder ändern. Quelle: mosif16/codex-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/mosif16/codex-skills --skill design-guide- Quelle
- mosif16/codex-skills
- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist design-guide?
Gewährleistet ein modernes, professionelles UI-Design für SwiftUI-, Android- und Webplattformen. Verwenden Sie es beim Erstellen ALLER Benutzeroberflächenkomponenten, einschließlich Schaltflächen, Formulare, Karten, Layouts, Navigation oder vollständiger Bildschirme. Erzwingt ein klares, minimalistisches Design, neutrale Farbpaletten mit einer Akzentfarbe, ein 8-Pixel-Rasterabstandssystem, eine ordnungsgemäße Typografiehierarchie und klare interaktive Zustände. Referenzieren Sie immer, bevor Sie UI-Elemente erstellen oder ändern. Quelle: mosif16/codex-skills.
Wie installiere ich design-guide?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/mosif16/codex-skills --skill design-guide Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/mosif16/codex-skills
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01