css-container-queries
✓Wenden Sie CSS-Containerabfragen für komponentenbasiertes responsives Design an. Verwenden Sie diese Option, wenn Sie reaktionsfähige Komponenten implementieren, die sich an ihre Containergröße und nicht an die Größe des Ansichtsfensters anpassen.
Installation
SKILL.md
A guide for implementing container-based responsive design using CSS container queries and Tailwind CSS.
Container queries enable styling elements based on their container's size rather than the viewport size. Unlike media queries that respond to the browser window, container queries make components self-contained and truly reusable.
| Responds to | Viewport size | Container size | | Reusability | Layout-dependent | Fully portable | | Use case | Page layouts | Component styling | | Syntax | @media | @container |
Wenden Sie CSS-Containerabfragen für komponentenbasiertes responsives Design an. Verwenden Sie diese Option, wenn Sie reaktionsfähige Komponenten implementieren, die sich an ihre Containergröße und nicht an die Größe des Ansichtsfensters anpassen. Quelle: flpbalada/my-opencode-config.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/flpbalada/my-opencode-config --skill css-container-queries- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist css-container-queries?
Wenden Sie CSS-Containerabfragen für komponentenbasiertes responsives Design an. Verwenden Sie diese Option, wenn Sie reaktionsfähige Komponenten implementieren, die sich an ihre Containergröße und nicht an die Größe des Ansichtsfensters anpassen. Quelle: flpbalada/my-opencode-config.
Wie installiere ich css-container-queries?
Ö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/flpbalada/my-opencode-config --skill css-container-queries 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/flpbalada/my-opencode-config
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01