responsive_design
✓Erstellen Sie reaktionsfähige, auf Mobilgeräte ausgerichtete Layouts mit fließenden Containern, flexiblen Einheiten, Medienabfragen und berührungsfreundlichem Design, das auf allen Bildschirmgrößen funktioniert. Nutzen Sie diese Fertigkeit beim Erstellen oder Ändern von UI-Layouts, responsiven Rastern, Haltepunktstilen, mobiler Navigation oder anderen Schnittstellen, die an unterschiedliche Bildschirmgrößen angepasst werden müssen. Wenden Sie es an, wenn Sie mit responsivem CSS, Medienabfragen, Ansichtsfenstereinstellungen, Flexbox-/Rasterlayouts, Mobile-First-Stil, Haltepunktdefinitionen (Mobilgerät, Tablet, Desktop), Touch-Zielgröße, relativen Einheiten (rem, em, %), Bildoptimierung für verschiedene Bildschirme oder Testlayouts auf mehreren Geräten arbeiten. Verwenden Sie es für alle Aufgaben, bei denen es um die Unterstützung mehrerer Geräte, responsive Designmuster oder adaptive Layouts geht.
Installation
SKILL.md
Rule: Mobile-first development with consistent breakpoints, fluid layouts, relative units, and touch-friendly targets.
This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle frontend responsive.
Always start with mobile layout, then enhance for larger screens.
Erstellen Sie reaktionsfähige, auf Mobilgeräte ausgerichtete Layouts mit fließenden Containern, flexiblen Einheiten, Medienabfragen und berührungsfreundlichem Design, das auf allen Bildschirmgrößen funktioniert. Nutzen Sie diese Fertigkeit beim Erstellen oder Ändern von UI-Layouts, responsiven Rastern, Haltepunktstilen, mobiler Navigation oder anderen Schnittstellen, die an unterschiedliche Bildschirmgrößen angepasst werden müssen. Wenden Sie es an, wenn Sie mit responsivem CSS, Medienabfragen, Ansichtsfenstereinstellungen, Flexbox-/Rasterlayouts, Mobile-First-Stil, Haltepunktdefinitionen (Mobilgerät, Tablet, Desktop), Touch-Zielgröße, relativen Einheiten (rem, em, %), Bildoptimierung für verschiedene Bildschirme oder Testlayouts auf mehreren Geräten arbeiten. Verwenden Sie es für alle Aufgaben, bei denen es um die Unterstützung mehrerer Geräte, responsive Designmuster oder adaptive Layouts geht. Quelle: vuralserhat86/antigravity-agentic-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/vuralserhat86/antigravity-agentic-skills --skill responsive_design- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist responsive_design?
Erstellen Sie reaktionsfähige, auf Mobilgeräte ausgerichtete Layouts mit fließenden Containern, flexiblen Einheiten, Medienabfragen und berührungsfreundlichem Design, das auf allen Bildschirmgrößen funktioniert. Nutzen Sie diese Fertigkeit beim Erstellen oder Ändern von UI-Layouts, responsiven Rastern, Haltepunktstilen, mobiler Navigation oder anderen Schnittstellen, die an unterschiedliche Bildschirmgrößen angepasst werden müssen. Wenden Sie es an, wenn Sie mit responsivem CSS, Medienabfragen, Ansichtsfenstereinstellungen, Flexbox-/Rasterlayouts, Mobile-First-Stil, Haltepunktdefinitionen (Mobilgerät, Tablet, Desktop), Touch-Zielgröße, relativen Einheiten (rem, em, %), Bildoptimierung für verschiedene Bildschirme oder Testlayouts auf mehreren Geräten arbeiten. Verwenden Sie es für alle Aufgaben, bei denen es um die Unterstützung mehrerer Geräte, responsive Designmuster oder adaptive Layouts geht. Quelle: vuralserhat86/antigravity-agentic-skills.
Wie installiere ich responsive_design?
Ö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/vuralserhat86/antigravity-agentic-skills --skill responsive_design 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/vuralserhat86/antigravity-agentic-skills
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01