·modern-web-design
*

modern-web-design

Tendencias, principios y patrones de implementación de diseño web moderno para 2024-2025. Utilice esta habilidad al diseñar sitios web, crear experiencias interactivas, implementar sistemas de diseño, garantizar la accesibilidad o crear interfaces que prioricen el rendimiento. Activa tareas que involucran tendencias de diseño moderno, microinteracciones, narración de desplazamientos, minimalismo audaz, UX del cursor, morfismo de vidrio, cumplimiento de accesibilidad, optimización del rendimiento o arquitectura del sistema de diseño. Referencias de habilidades de animación (GSAP, Framer Motion, React Spring), habilidades 3D (Three.js, R3F, Babylon.js) y bibliotecas de componentes para orientación de implementación.

15Instalaciones·1Tendencia·@freshtechbro

Instalación

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill modern-web-design

Cómo instalar modern-web-design

Instala rápidamente el skill de IA modern-web-design 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/freshtechbro/claudedesignskills --skill modern-web-design
  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: freshtechbro/claudedesignskills.

SKILL.md

Ver original

Modern web design in 2024-2025 emphasizes performance, accessibility, and meaningful interactions. This skill provides comprehensive guidance on current design trends, implementation patterns, and best practices for creating engaging, accessible, and performant web experiences.

This meta-skill synthesizes knowledge from all animation, interaction, and 3D skills in this repository to provide holistic design guidance.

Philosophy: Design decisions should prioritize Core Web Vitals and user experience on all devices.

Tendencias, principios y patrones de implementación de diseño web moderno para 2024-2025. Utilice esta habilidad al diseñar sitios web, crear experiencias interactivas, implementar sistemas de diseño, garantizar la accesibilidad o crear interfaces que prioricen el rendimiento. Activa tareas que involucran tendencias de diseño moderno, microinteracciones, narración de desplazamientos, minimalismo audaz, UX del cursor, morfismo de vidrio, cumplimiento de accesibilidad, optimización del rendimiento o arquitectura del sistema de diseño. Referencias de habilidades de animación (GSAP, Framer Motion, React Spring), habilidades 3D (Three.js, R3F, Babylon.js) y bibliotecas de componentes para orientación de implementación. Fuente: freshtechbro/claudedesignskills.

Datos (listos para citar)

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

Comando de instalación
npx skills add https://github.com/freshtechbro/claudedesignskills --skill modern-web-design
Categoría
*Creatividad
Verificado
Primera vez visto
2026-03-09
Actualizado
2026-03-11

Browse more skills from freshtechbro/claudedesignskills

Respuestas rápidas

¿Qué es modern-web-design?

Tendencias, principios y patrones de implementación de diseño web moderno para 2024-2025. Utilice esta habilidad al diseñar sitios web, crear experiencias interactivas, implementar sistemas de diseño, garantizar la accesibilidad o crear interfaces que prioricen el rendimiento. Activa tareas que involucran tendencias de diseño moderno, microinteracciones, narración de desplazamientos, minimalismo audaz, UX del cursor, morfismo de vidrio, cumplimiento de accesibilidad, optimización del rendimiento o arquitectura del sistema de diseño. Referencias de habilidades de animación (GSAP, Framer Motion, React Spring), habilidades 3D (Three.js, R3F, Babylon.js) y bibliotecas de componentes para orientación de implementación. Fuente: freshtechbro/claudedesignskills.

¿Cómo instalo modern-web-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/freshtechbro/claudedesignskills --skill modern-web-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, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/freshtechbro/claudedesignskills