web-interface-design
✓Verwenden Sie es, wenn Sie eine Web-Benutzeroberfläche entwerfen oder überprüfen, Formulare/Schaltflächen/Eingaben implementieren, Probleme mit der visuellen Hierarchie beheben, Farbsysteme erstellen, Layouts erstellen oder wenn die Benutzeroberfläche unübersichtlich oder schwer lesbar erscheint oder Benutzer nicht wissen, was sie klicken sollen.
Installation
SKILL.md
Design exists to separate the primary from the secondary. Users should instantly recognize what matters. Good interface design is invisible—users accomplish goals without noticing the interface.
This skill orchestrates domain-specific reference files. Read only what you need for the task.
| Font sizes, line spacing, heading hierarchy, vertical rhythm | references/typography.md | | Input fields, validation, checkboxes, radios, selects, textareas | references/forms-and-inputs.md | | Button hierarchy, sizing, states, CTAs, ghost buttons | references/buttons.md |
Verwenden Sie es, wenn Sie eine Web-Benutzeroberfläche entwerfen oder überprüfen, Formulare/Schaltflächen/Eingaben implementieren, Probleme mit der visuellen Hierarchie beheben, Farbsysteme erstellen, Layouts erstellen oder wenn die Benutzeroberfläche unübersichtlich oder schwer lesbar erscheint oder Benutzer nicht wissen, was sie klicken sollen. Quelle: ratacat/claude-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/ratacat/claude-skills --skill web-interface-design- Quelle
- ratacat/claude-skills
- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist web-interface-design?
Verwenden Sie es, wenn Sie eine Web-Benutzeroberfläche entwerfen oder überprüfen, Formulare/Schaltflächen/Eingaben implementieren, Probleme mit der visuellen Hierarchie beheben, Farbsysteme erstellen, Layouts erstellen oder wenn die Benutzeroberfläche unübersichtlich oder schwer lesbar erscheint oder Benutzer nicht wissen, was sie klicken sollen. Quelle: ratacat/claude-skills.
Wie installiere ich web-interface-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/ratacat/claude-skills --skill web-interface-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/ratacat/claude-skills
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01