·modern-web-design
*

modern-web-design

Tendenze, principi e modelli di implementazione del web design moderno per il periodo 2024-2025. Utilizza questa competenza durante la progettazione di siti Web, la creazione di esperienze interattive, l'implementazione di sistemi di progettazione, la garanzia dell'accessibilità o la creazione di interfacce incentrate sulle prestazioni. Attiva attività che coinvolgono tendenze del design moderno, microinterazioni, scrollytelling, minimalismo audace, UX del cursore, glassmorfismo, conformità all'accessibilità, ottimizzazione delle prestazioni o architettura del sistema di progettazione. Fa riferimento a competenze di animazione (GSAP, Framer Motion, React Spring), competenze 3D (Three.js, R3F, Babylon.js) e librerie di componenti per indicazioni sull'implementazione.

15Installazioni·1Tendenza·@freshtechbro

Installazione

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

Come installare modern-web-design

Installa rapidamente la skill AI modern-web-design nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/freshtechbro/claudedesignskills --skill modern-web-design
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: freshtechbro/claudedesignskills.

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.

Tendenze, principi e modelli di implementazione del web design moderno per il periodo 2024-2025. Utilizza questa competenza durante la progettazione di siti Web, la creazione di esperienze interattive, l'implementazione di sistemi di progettazione, la garanzia dell'accessibilità o la creazione di interfacce incentrate sulle prestazioni. Attiva attività che coinvolgono tendenze del design moderno, microinterazioni, scrollytelling, minimalismo audace, UX del cursore, glassmorfismo, conformità all'accessibilità, ottimizzazione delle prestazioni o architettura del sistema di progettazione. Fa riferimento a competenze di animazione (GSAP, Framer Motion, React Spring), competenze 3D (Three.js, R3F, Babylon.js) e librerie di componenti per indicazioni sull'implementazione. Fonte: freshtechbro/claudedesignskills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/freshtechbro/claudedesignskills --skill modern-web-design
Categoria
*Creatività
Verificato
Prima apparizione
2026-03-09
Aggiornato
2026-03-11

Browse more skills from freshtechbro/claudedesignskills

Risposte rapide

Che cos'è modern-web-design?

Tendenze, principi e modelli di implementazione del web design moderno per il periodo 2024-2025. Utilizza questa competenza durante la progettazione di siti Web, la creazione di esperienze interattive, l'implementazione di sistemi di progettazione, la garanzia dell'accessibilità o la creazione di interfacce incentrate sulle prestazioni. Attiva attività che coinvolgono tendenze del design moderno, microinterazioni, scrollytelling, minimalismo audace, UX del cursore, glassmorfismo, conformità all'accessibilità, ottimizzazione delle prestazioni o architettura del sistema di progettazione. Fa riferimento a competenze di animazione (GSAP, Framer Motion, React Spring), competenze 3D (Three.js, R3F, Babylon.js) e librerie di componenti per indicazioni sull'implementazione. Fonte: freshtechbro/claudedesignskills.

Come installo modern-web-design?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/freshtechbro/claudedesignskills --skill modern-web-design Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/freshtechbro/claudedesignskills