responsive-design
✓Créez des conceptions Web réactives qui fonctionnent sur tous les appareils et toutes les tailles d'écran. À utiliser lors de la création de mises en page adaptées aux mobiles, de la mise en œuvre de points d'arrêt ou de l'optimisation de différentes fenêtres. Gère CSS Grid, Flexbox, les requêtes multimédias, les unités de fenêtre et les images réactives.
Installation
SKILL.md
태그 #responsive #mobile-first #CSS #Flexbox #Grid #media-query #frontend
Créez des conceptions Web réactives qui fonctionnent sur tous les appareils et toutes les tailles d'écran. À utiliser lors de la création de mises en page adaptées aux mobiles, de la mise en œuvre de points d'arrêt ou de l'optimisation de différentes fenêtres. Gère CSS Grid, Flexbox, les requêtes multimédias, les unités de fenêtre et les images réactives. Source : supercent-io/skills-template.
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/supercent-io/skills-template --skill responsive-design Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Certifié sécurisé pour un code sûr et fiable Installation en un clic et configuration simplifiée Compatible avec Claude Code, Cursor et plus
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/supercent-io/skills-template --skill responsive-design- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-18
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que responsive-design ?
Créez des conceptions Web réactives qui fonctionnent sur tous les appareils et toutes les tailles d'écran. À utiliser lors de la création de mises en page adaptées aux mobiles, de la mise en œuvre de points d'arrêt ou de l'optimisation de différentes fenêtres. Gère CSS Grid, Flexbox, les requêtes multimédias, les unités de fenêtre et les images réactives. Source : supercent-io/skills-template.
Comment installer responsive-design ?
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/supercent-io/skills-template --skill responsive-design 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/supercent-io/skills-template
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-18