·ui-design

Utilisez-le pour concevoir une belle interface utilisateur en HTML unique comme source d'inspiration et d'exploration de l'interface utilisateur.

17Installations·3Tendance·@shajith003

Installation

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

SKILL.md

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.

Utilisez-le pour concevoir une belle interface utilisateur en HTML unique comme source d'inspiration et d'exploration de l'interface utilisateur. Source : shajith003/awesome-claude-skills.

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/shajith003/awesome-claude-skills --skill ui-design
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que ui-design ?

Utilisez-le pour concevoir une belle interface utilisateur en HTML unique comme source d'inspiration et d'exploration de l'interface utilisateur. Source : shajith003/awesome-claude-skills.

Comment installer ui-design ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/shajith003/awesome-claude-skills --skill ui-design Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

Où se trouve le dépôt source ?

https://github.com/shajith003/awesome-claude-skills