designing-layouts
✓Entwirft Layoutsysteme und reaktionsfähige Schnittstellen, einschließlich Rastersystemen, Flexbox-Mustern, Seitenleistenlayouts und reaktionsfähigen Haltepunkten. Verwenden Sie es, wenn Sie App-Layouts strukturieren, responsive Designs erstellen oder komplexe Seitenstrukturen erstellen.
Installation
SKILL.md
This skill provides comprehensive guidance for creating responsive layout systems using modern CSS techniques. It covers grid systems, flexbox patterns, container queries, spacing systems, and mobile-first design strategies to build flexible, accessible interfaces that adapt seamlessly across devices.
For structured, two-dimensional layouts, use CSS Grid with design tokens.
For complex grid layouts and advanced patterns, see references/layout-patterns.md.
Entwirft Layoutsysteme und reaktionsfähige Schnittstellen, einschließlich Rastersystemen, Flexbox-Mustern, Seitenleistenlayouts und reaktionsfähigen Haltepunkten. Verwenden Sie es, wenn Sie App-Layouts strukturieren, responsive Designs erstellen oder komplexe Seitenstrukturen erstellen. Quelle: ancoleman/ai-design-components.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/ancoleman/ai-design-components --skill designing-layouts- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist designing-layouts?
Entwirft Layoutsysteme und reaktionsfähige Schnittstellen, einschließlich Rastersystemen, Flexbox-Mustern, Seitenleistenlayouts und reaktionsfähigen Haltepunkten. Verwenden Sie es, wenn Sie App-Layouts strukturieren, responsive Designs erstellen oder komplexe Seitenstrukturen erstellen. Quelle: ancoleman/ai-design-components.
Wie installiere ich designing-layouts?
Ö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/ancoleman/ai-design-components --skill designing-layouts 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/ancoleman/ai-design-components
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01