responsive_design
✓Cree diseños responsivos y pensados para dispositivos móviles utilizando contenedores fluidos, unidades flexibles, consultas de medios y un diseño táctil que funcione en todos los tamaños de pantalla. Utilice esta habilidad al crear o modificar diseños de interfaz de usuario, cuadrículas responsivas, estilos de puntos de interrupción, navegación móvil o cualquier interfaz que deba adaptarse a diferentes tamaños de pantalla. Aplicar cuando se trabaja con CSS responsivo, consultas de medios, configuraciones de ventana gráfica, diseños de flexbox/cuadrícula, estilos móviles primero, definiciones de puntos de interrupción (móvil, tableta, computadora de escritorio), tamaño del objetivo táctil, unidades relativas (rem, em, %), optimización de imágenes para diferentes pantallas o pruebas de diseños en múltiples dispositivos. Úselo para cualquier tarea que implique soporte para múltiples dispositivos, patrones de diseño responsivos o diseños adaptables.
SKILL.md
Rule: Mobile-first development with consistent breakpoints, fluid layouts, relative units, and touch-friendly targets.
This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle frontend responsive.
Always start with mobile layout, then enhance for larger screens.
Cree diseños responsivos y pensados para dispositivos móviles utilizando contenedores fluidos, unidades flexibles, consultas de medios y un diseño táctil que funcione en todos los tamaños de pantalla. Utilice esta habilidad al crear o modificar diseños de interfaz de usuario, cuadrículas responsivas, estilos de puntos de interrupción, navegación móvil o cualquier interfaz que deba adaptarse a diferentes tamaños de pantalla. Aplicar cuando se trabaja con CSS responsivo, consultas de medios, configuraciones de ventana gráfica, diseños de flexbox/cuadrícula, estilos móviles primero, definiciones de puntos de interrupción (móvil, tableta, computadora de escritorio), tamaño del objetivo táctil, unidades relativas (rem, em, %), optimización de imágenes para diferentes pantallas o pruebas de diseños en múltiples dispositivos. Úselo para cualquier tarea que implique soporte para múltiples dispositivos, patrones de diseño responsivos o diseños adaptables. Fuente: vuralserhat86/antigravity-agentic-skills.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/vuralserhat86/antigravity-agentic-skills --skill responsive_design- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es responsive_design?
Cree diseños responsivos y pensados para dispositivos móviles utilizando contenedores fluidos, unidades flexibles, consultas de medios y un diseño táctil que funcione en todos los tamaños de pantalla. Utilice esta habilidad al crear o modificar diseños de interfaz de usuario, cuadrículas responsivas, estilos de puntos de interrupción, navegación móvil o cualquier interfaz que deba adaptarse a diferentes tamaños de pantalla. Aplicar cuando se trabaja con CSS responsivo, consultas de medios, configuraciones de ventana gráfica, diseños de flexbox/cuadrícula, estilos móviles primero, definiciones de puntos de interrupción (móvil, tableta, computadora de escritorio), tamaño del objetivo táctil, unidades relativas (rem, em, %), optimización de imágenes para diferentes pantallas o pruebas de diseños en múltiples dispositivos. Úselo para cualquier tarea que implique soporte para múltiples dispositivos, patrones de diseño responsivos o diseños adaptables. Fuente: vuralserhat86/antigravity-agentic-skills.
¿Cómo instalo responsive_design?
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/vuralserhat86/antigravity-agentic-skills --skill responsive_design 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/vuralserhat86/antigravity-agentic-skills
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01