·tailwindcss-mobile-first
</>

tailwindcss-mobile-first

Patrones integrales de diseño responsivo para dispositivos móviles con las mejores prácticas 2025/2026 para Tailwind CSS v4

763Instalaciones·17Tendencia·@josiahsiegel

Instalación

$npx skills add https://github.com/josiahsiegel/claude-plugin-marketplace --skill tailwindcss-mobile-first

Cómo instalar tailwindcss-mobile-first

Instala rápidamente el skill de IA tailwindcss-mobile-first en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/josiahsiegel/claude-plugin-marketplace --skill tailwindcss-mobile-first
  3. Verificar instalación: 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, Cursor u OpenClaw

Fuente: josiahsiegel/claude-plugin-marketplace.

SKILL.md

Ver original

Mobile-first design is the industry standard for 2025/2026. With mobile traffic consistently exceeding 60% of global web traffic and Google's mobile-first indexing, starting with mobile ensures optimal user experience and SEO performance.

Key Principle: Unprefixed utilities apply to ALL screen sizes. Breakpoint prefixes apply at that size AND ABOVE.

| (none) | 0px | All mobile phones (base) | | sm: | 640px (40rem) | Large phones, small tablets | | md: | 768px (48rem) | Tablets (portrait) | | lg: | 1024px (64rem) | Tablets (landscape), laptops | | xl: | 1280px (80rem) | Desktops | | 2xl: | 1536px (96rem) | Large desktops |

Patrones integrales de diseño responsivo para dispositivos móviles con las mejores prácticas 2025/2026 para Tailwind CSS v4 Fuente: josiahsiegel/claude-plugin-marketplace.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/josiahsiegel/claude-plugin-marketplace --skill tailwindcss-mobile-first
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-19
Actualizado
2026-03-10

Browse more skills from josiahsiegel/claude-plugin-marketplace

Respuestas rápidas

¿Qué es tailwindcss-mobile-first?

Patrones integrales de diseño responsivo para dispositivos móviles con las mejores prácticas 2025/2026 para Tailwind CSS v4 Fuente: josiahsiegel/claude-plugin-marketplace.

¿Cómo instalo tailwindcss-mobile-first?

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/josiahsiegel/claude-plugin-marketplace --skill tailwindcss-mobile-first 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, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/josiahsiegel/claude-plugin-marketplace