GratuitSkills
Commits, branches et synchronisation avec la CLI but
- 361361 téléchargements
- 198198 mentions J'aime
- 103103 sauvegardes
Compatible avec
- Claude Code
- Codex
- Cursor
- et 3 autres
Mise en page responsive avec container queries v1.0.0
Utilisez cette ressource pour concevoir des interfaces responsives qui s'adaptent à leur conteneur
Nouveau
- 530 téléchargements
- 188 mentions J'aime
- 117 sauvegardes
Gratuit
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install responsive-layouts-container-queriesSans option, la skill va dans ~/.agents/skills/ ; ajoutez --agent claude-code (ou codex, cursor…) pour viser un agent.
Première fois : connectez la CLI avec
npx --yes palatekit@latest loginL'agent conçoit des composants qui s'adaptent à la largeur de leur conteneur plutôt qu'à l'écran : container queries, typographie fluide avec unités cqi et cqb, sous-grilles et mises en page intrinsèques. Il ajoute aussi des motifs pour écrans pliables, PWA et interactions tactiles.
Choisie surtout par
Mise à jour le 2 novembre 2026
Aperçus
Caractéristiques
- Fonctionne dans
- Guides d'installation
- Génère avec
- Le modèle de votre agent
- Licence
- MIT
Ressources similaires
Tout voir- Gratuit
GratuitSkills
Guide de la CLI Sentry
- 525525 téléchargements
- 117117 mentions J'aime
- 128128 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Bonnes pratiques Drizzle ORM avec PostgreSQL
- 407407 téléchargements
- 194194 mentions J'aime
- 151151 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Assistant de conception de SLO
- 537537 téléchargements
- 105105 mentions J'aime
- 242242 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
User stories de sprint
- 451451 téléchargements
- 150150 mentions J'aime
- 132132 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Plan de sprint réaliste
- 423423 téléchargements
- 192192 mentions J'aime
- 102102 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Conseiller CTO de startup
- 580580 téléchargements
- 201201 mentions J'aime
- 242242 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Création de pull requests GitHub avec contrôles qualité
- 427427 téléchargements
- 230230 mentions J'aime
- 196196 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
Ce que vous obtenez
- references/ : container queries et typographie fluide
- rules/css-*.md : motifs CSS, sous-grilles et mises en page intrinsèques
- rules/pwa-*.md et responsive-foldables.md : PWA hors ligne, écrans pliables et interactions tactiles
Pour qui
- Un composant doit s'adapter à une barre latérale ou à une fenêtre modale
- Vous voulez réduire les media queries dans une interface React
Pas pour qui
Étiquettes
- responsive
- container queries
- css
À propos
Vous dites
« Rends ce tableau de bord lisible dans une barre latérale étroite, sans media query. »
Skill publiée par yonatangross sous licence MIT. Fichiers livrés dans leur version d'origine, en anglais.
Voir plusVoir moins
Comment l'utiliser
- Installez la skill dans le dossier de skills de votre agent
- Demandez à votre agent de concevoir des interfaces responsives qui s'adaptent à leur conteneur
- Relisez et ajustez le résultat
Aperçu du contenu
Fichiers
- LICENSE1,1 Ko
- NOTICE-PALATEKIT.md0,5 Ko
- references/container-queries.md2,4 Ko
- references/fluid-typography.md2,7 Ko
- rules/_sections.md1,2 Ko
- rules/_template.md0,4 Ko
- rules/animation-motion.md3 Ko
- rules/animation-scroll.md3,3 Ko
- rules/css-intrinsic-responsive.md3,5 Ko
- rules/css-patterns.md3,7 Ko
- rules/css-subgrid.md2,6 Ko
- rules/pwa-offline.md3,5 Ko
- rules/pwa-service-worker.md3 Ko
- rules/react-patterns.md3,4 Ko
- rules/responsive-foldables.md3,5 Ko
- rules/touch-interaction.md4,6 Ko
- SKILL.md8,4 Ko
- test-cases.json8,2 Ko
Origine et licence
Référencée sans modification
- Auteur
- yonatangross
- Source
- github.com/yonatangross/orchestkit/tree/18a6aaa53d9971ef094b0758b08dfc606a1ea4bc/src/skills/responsive-patterns
- Licence
- MIT
Notice
« responsive-patterns » (yonatangross, MIT) livré dans sa version d'origine : fiche en français et en anglais par PalateKit.
Avis des utilisateurs
–
Aucune note pour l'instant
Chargement des avis…