layout-system
✓Beherrschen Sie responsives Layoutdesign mit modernem CSS (Flexbox, Grid), Mobile-First-Ansatz und Breakpoint-Strategien. Erstellen Sie Layouts, die sich wunderbar an alle Geräte anpassen und gleichzeitig Zugänglichkeit und Leistung gewährleisten. Enthält Containerabfragen, Seitenverhältnisse und erweiterte Reaktionsmuster.
Installation
SKILL.md
Layout is the skeleton of your interface. It determines how content is organized, how users navigate, and how the experience adapts across devices. A well-designed layout system is invisible—users don't notice it because it works so well.
This skill teaches you to think about layout systematically, using modern CSS techniques (Flexbox, Grid, Container Queries) and a mobile-first approach that ensures your product works beautifully everywhere.
The mobile-first approach is not just about making things smaller on mobile. It's a fundamental shift in thinking: start with the simplest, most constrained context (mobile), then progressively enhance for larger screens.
Beherrschen Sie responsives Layoutdesign mit modernem CSS (Flexbox, Grid), Mobile-First-Ansatz und Breakpoint-Strategien. Erstellen Sie Layouts, die sich wunderbar an alle Geräte anpassen und gleichzeitig Zugänglichkeit und Leistung gewährleisten. Enthält Containerabfragen, Seitenverhältnisse und erweiterte Reaktionsmuster. Quelle: sanky369/vibe-building-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/sanky369/vibe-building-skills --skill layout-system- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist layout-system?
Beherrschen Sie responsives Layoutdesign mit modernem CSS (Flexbox, Grid), Mobile-First-Ansatz und Breakpoint-Strategien. Erstellen Sie Layouts, die sich wunderbar an alle Geräte anpassen und gleichzeitig Zugänglichkeit und Leistung gewährleisten. Enthält Containerabfragen, Seitenverhältnisse und erweiterte Reaktionsmuster. Quelle: sanky369/vibe-building-skills.
Wie installiere ich layout-system?
Ö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/sanky369/vibe-building-skills --skill layout-system 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/sanky369/vibe-building-skills
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01