elite-layouts
✓Modèles de mise en page CSS modernes pour des expériences Web haut de gamme. À utiliser lorsque vous êtes interrogé sur : les grilles bento, les sections à défilement horizontal, les mises en page collantes/parallaxe, les requêtes de conteneur, la grille CSS, les mises en page asymétriques, les mises en page de magazines, les systèmes de grille réactifs, le défilement instantané ou l'intégration de mise en page + animation.
Installation
SKILL.md
| Bento Grids | bento-grids.md | | Horizontal Scroll | horizontal-scroll.md | | Sticky & Parallax | sticky-parallax.md | | Container Queries | container-queries.md |
| Portfolio | Bento + Horizontal | Feature work, case studies | | E-commerce | Container queries | Product grids, responsive cards | | Landing page | Sticky parallax | Hero → Features → CTA flow | | Dashboard | Bento + Container | Resizable panels, widgets | | Blog/Magazine | Asymmetric grid | Editorial feel, visual hierarchy |
| Agency | Horizontal + Bento | Immersive, exploratory |
Modèles de mise en page CSS modernes pour des expériences Web haut de gamme. À utiliser lorsque vous êtes interrogé sur : les grilles bento, les sections à défilement horizontal, les mises en page collantes/parallaxe, les requêtes de conteneur, la grille CSS, les mises en page asymétriques, les mises en page de magazines, les systèmes de grille réactifs, le défilement instantané ou l'intégration de mise en page + animation. Source : rshvr/elite-web-design.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/rshvr/elite-web-design --skill elite-layouts- Source
- rshvr/elite-web-design
- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-11
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que elite-layouts ?
Modèles de mise en page CSS modernes pour des expériences Web haut de gamme. À utiliser lorsque vous êtes interrogé sur : les grilles bento, les sections à défilement horizontal, les mises en page collantes/parallaxe, les requêtes de conteneur, la grille CSS, les mises en page asymétriques, les mises en page de magazines, les systèmes de grille réactifs, le défilement instantané ou l'intégration de mise en page + animation. Source : rshvr/elite-web-design.
Comment installer elite-layouts ?
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/rshvr/elite-web-design --skill elite-layouts 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/rshvr/elite-web-design
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-11