css-container-queries
✓Appliquez des requêtes de conteneur CSS pour une conception réactive basée sur des composants. À utiliser lors de l'implémentation de composants réactifs qui s'adaptent à la taille de leur conteneur plutôt qu'à la taille de la fenêtre d'affichage.
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 |
Appliquez des requêtes de conteneur CSS pour une conception réactive basée sur des composants. À utiliser lors de l'implémentation de composants réactifs qui s'adaptent à la taille de leur conteneur plutôt qu'à la taille de la fenêtre d'affichage. Source : flpbalada/my-opencode-config.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/flpbalada/my-opencode-config --skill css-container-queries- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que css-container-queries ?
Appliquez des requêtes de conteneur CSS pour une conception réactive basée sur des composants. À utiliser lors de l'implémentation de composants réactifs qui s'adaptent à la taille de leur conteneur plutôt qu'à la taille de la fenêtre d'affichage. Source : flpbalada/my-opencode-config.
Comment installer css-container-queries ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/flpbalada/my-opencode-config --skill css-container-queries Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/flpbalada/my-opencode-config
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01