flex-grid-flow
✓Filosofía de diseño independiente del marco para interfaces fluidas y responsivas. Abarca pensamiento de diseño, tipografía fluida/matemáticas de espaciado, colores adaptables y reglas estrictas. Cobertura igual para SCSS y Tailwind.
Instalación
SKILL.md
A thinking framework for building responsive interfaces. This skill applies to any stack: React, Vue, Astro, Svelte, 11ty, plain HTML, Tailwind, SCSS, or vanilla CSS.
Common misconception: mobile layouts should center all content. Reality:
Not everything needs to be fluid. Choose based on the project:
Filosofía de diseño independiente del marco para interfaces fluidas y responsivas. Abarca pensamiento de diseño, tipografía fluida/matemáticas de espaciado, colores adaptables y reglas estrictas. Cobertura igual para SCSS y Tailwind. Fuente: oerlellijk/design-system-skill.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/oerlellijk/design-system-skill --skill flex-grid-flow- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es flex-grid-flow?
Filosofía de diseño independiente del marco para interfaces fluidas y responsivas. Abarca pensamiento de diseño, tipografía fluida/matemáticas de espaciado, colores adaptables y reglas estrictas. Cobertura igual para SCSS y Tailwind. Fuente: oerlellijk/design-system-skill.
¿Cómo instalo flex-grid-flow?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/oerlellijk/design-system-skill --skill flex-grid-flow Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/oerlellijk/design-system-skill
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01