designing-layouts

SKILL.md

This skill provides comprehensive guidance for creating responsive layout systems using modern CSS techniques. It covers grid systems, flexbox patterns, container queries, spacing systems, and mobile-first design strategies to build flexible, accessible interfaces that adapt seamlessly across devices.

For structured, two-dimensional layouts, use CSS Grid with design tokens.

For complex grid layouts and advanced patterns, see references/layout-patterns.md.

Conçoit des systèmes de mise en page et des interfaces réactives, notamment des systèmes de grille, des modèles de boîtes flexibles, des mises en page de barre latérale et des points d'arrêt réactifs. À utiliser lors de la structuration des mises en page d'applications, de la création de conceptions réactives ou de la création de structures de pages complexes. Source : ancoleman/ai-design-components.

Voir l'original