·frontend-design
</>

frontend-design

Linee guida esperte per la progettazione di frontend per la creazione di interfacce utente belle e moderne. Da utilizzare durante la creazione di pagine di destinazione, dashboard o qualsiasi interfaccia utente.

13Installazioni·0Tendenza·@jdrhyne

Installazione

$npx skills add https://github.com/jdrhyne/agent-skills --skill frontend-design

Come installare frontend-design

Installa rapidamente la skill AI frontend-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/jdrhyne/agent-skills --skill frontend-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: jdrhyne/agent-skills.

Use this skill when creating UI components, landing pages, dashboards, or any frontend design work.

| Primary font | Inter, Outfit, DM Sans | | Code font | JetBrains Mono, Fira Code | | Border radius | 0.5rem - 1rem (modern), 0 (brutalist) | | Shadow | Subtle, 1-2 layers max | | Spacing | 4px base unit (0.25rem) | | Animation | 150-400ms, ease-out | | Colors | oklch() for modern, avoid generic blue |

Linee guida esperte per la progettazione di frontend per la creazione di interfacce utente belle e moderne. Da utilizzare durante la creazione di pagine di destinazione, dashboard o qualsiasi interfaccia utente. Fonte: jdrhyne/agent-skills.

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/jdrhyne/agent-skills --skill frontend-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

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/jdrhyne/agent-skills --skill frontend-design
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-25
Aggiornato
2026-03-10

Browse more skills from jdrhyne/agent-skills

Risposte rapide

Che cos'è frontend-design?

Linee guida esperte per la progettazione di frontend per la creazione di interfacce utente belle e moderne. Da utilizzare durante la creazione di pagine di destinazione, dashboard o qualsiasi interfaccia utente. Fonte: jdrhyne/agent-skills.

Come installo frontend-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/jdrhyne/agent-skills --skill frontend-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/jdrhyne/agent-skills