·responsive-design
</>

responsive-design

Crea progetti web reattivi che funzionano su tutti i dispositivi e le dimensioni dello schermo. Da utilizzare durante la creazione di layout incentrati sui dispositivi mobili, l'implementazione di punti di interruzione o l'ottimizzazione per diverse finestre di visualizzazione. Gestisce griglia CSS, Flexbox, query multimediali, unità viewport e immagini reattive.

17Installazioni·0Tendenza·@akillness

Installazione

$npx skills add https://github.com/akillness/skills-template --skill responsive-design

Come installare responsive-design

Installa rapidamente la skill AI responsive-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/akillness/skills-template --skill responsive-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: akillness/skills-template.

Tags #responsive #mobile-first #CSS #Flexbox #Grid #media-query #frontend

Crea progetti web reattivi che funzionano su tutti i dispositivi e le dimensioni dello schermo. Da utilizzare durante la creazione di layout incentrati sui dispositivi mobili, l'implementazione di punti di interruzione o l'ottimizzazione per diverse finestre di visualizzazione. Gestisce griglia CSS, Flexbox, query multimediali, unità viewport e immagini reattive. Fonte: akillness/skills-template.

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/akillness/skills-template --skill responsive-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

Certificata per la sicurezza, per codice affidabile Installazione con un clic e configurazione semplificata Compatibile con Claude Code, Cursor, OpenClaw e altri

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/akillness/skills-template --skill responsive-design
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-03-09
Aggiornato
2026-03-10

Browse more skills from akillness/skills-template

Risposte rapide

Che cos'è responsive-design?

Crea progetti web reattivi che funzionano su tutti i dispositivi e le dimensioni dello schermo. Da utilizzare durante la creazione di layout incentrati sui dispositivi mobili, l'implementazione di punti di interruzione o l'ottimizzazione per diverse finestre di visualizzazione. Gestisce griglia CSS, Flexbox, query multimediali, unità viewport e immagini reattive. Fonte: akillness/skills-template.

Come installo responsive-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/akillness/skills-template --skill responsive-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/akillness/skills-template