·ui-design

ui-design

Name: ui-design
Author: shajith003

✓

shajith003/awesome-claude-skillsGitHub: shajith003/awesome-claude-skills Fonte: shajith003/awesome-claude-skills

Usalo per progettare una bella interfaccia utente in singolo HTML come ispirazione ed esplorazione dell'interfaccia utente.

shajith003·ui·design

107Installazioni·4Tendenza·@shajith003

Installazione

GitHub: shajith003/awesome-claude-skills

$npx skills add https://github.com/shajith003/awesome-claude-skills --skill ui-design

Come installare ui-design

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

Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/shajith003/awesome-claude-skills --skill ui-design
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: shajith003/awesome-claude-skills.

SKILL.md

Visualizza raw

Only code in HTML/Tailwind in a single code block. Any CSS styles should be in the style attribute. Start with a response, then code and finish with a response. Don't mention about tokens, Tailwind or HTML.

Always include the html, head and body tags. Use lucide icons for javascript, 1.5 strokewidth. Unless style is specified by user, design in the style of Linear, Stripe, Vercel, Tailwind UI (IMPORTANT: don't mention names).

Checkboxes, sliders, dropdowns, toggles should be custom (don't add, only include if part of the UI). Be extremely accurate with fonts. For font weight, use one level thinner: for example, Bold should be Semibold.

Usalo per progettare una bella interfaccia utente in singolo HTML come ispirazione ed esplorazione dell'interfaccia utente. Fonte: shajith003/awesome-claude-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione: npx skills add https://github.com/shajith003/awesome-claude-skills --skill ui-design
Fonte: shajith003/awesome-claude-skills
Categoria: *Creatività
Verificato: ✓
Prima apparizione: 2026-02-01
Aggiornato: 2026-03-10
URL: https://www.learn-skills.dev/it/skills/shajith003/awesome-claude-skills/ui-design

Browse more skills from shajith003/awesome-claude-skills

Risposte rapide

Che cos'è ui-design?

Usalo per progettare una bella interfaccia utente in singolo HTML come ispirazione ed esplorazione dell'interfaccia utente. Fonte: shajith003/awesome-claude-skills.

Come installo ui-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/shajith003/awesome-claude-skills --skill ui-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