·ui-design

Verwenden Sie dies, um eine schöne Benutzeroberfläche in einzelnem HTML als Inspiration und Erkundung der Benutzeroberfläche zu entwerfen.

17Installationen·3Trend·@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.

Verwenden Sie dies, um eine schöne Benutzeroberfläche in einzelnem HTML als Inspiration und Erkundung der Benutzeroberfläche zu entwerfen. Quelle: shajith003/awesome-claude-skills.

Original anzeigen

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/shajith003/awesome-claude-skills --skill ui-design
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-02-01
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist ui-design?

Verwenden Sie dies, um eine schöne Benutzeroberfläche in einzelnem HTML als Inspiration und Erkundung der Benutzeroberfläche zu entwerfen. Quelle: shajith003/awesome-claude-skills.

Wie installiere ich ui-design?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/shajith003/awesome-claude-skills --skill ui-design Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Wo ist das Quell-Repository?

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