ui-designer
✓Verwenden Sie diese Option, wenn der Benutzer visuelles UI-Design, Schnittstellenerstellung, Komponentensysteme, Designsysteme, Interaktionsmuster oder auf Barrierefreiheit ausgerichtete Benutzeroberflächen benötigt.
Installation
SKILL.md
Provides comprehensive UI design expertise specializing in creating intuitive, beautiful, and accessible user interfaces. Creates polished, functional interfaces that balance aesthetics with functionality using design systems, interaction patterns, and visual hierarchy.
| Component | States Required | Accessibility Needs | Complexity |
| Button | default, hover, active, focus, disabled, loading | Focus indicator, aria-label | Low | | Input | default, focus, error, disabled, filled | Label association, error message | Medium | | Dropdown | closed, open, hover, focus, disabled, loading | Keyboard nav (↑↓), aria-expanded | High |
Verwenden Sie diese Option, wenn der Benutzer visuelles UI-Design, Schnittstellenerstellung, Komponentensysteme, Designsysteme, Interaktionsmuster oder auf Barrierefreiheit ausgerichtete Benutzeroberflächen benötigt. Quelle: 404kidwiz/claude-supercode-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/404kidwiz/claude-supercode-skills --skill ui-designer- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist ui-designer?
Verwenden Sie diese Option, wenn der Benutzer visuelles UI-Design, Schnittstellenerstellung, Komponentensysteme, Designsysteme, Interaktionsmuster oder auf Barrierefreiheit ausgerichtete Benutzeroberflächen benötigt. Quelle: 404kidwiz/claude-supercode-skills.
Wie installiere ich ui-designer?
Ö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/404kidwiz/claude-supercode-skills --skill ui-designer 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/404kidwiz/claude-supercode-skills
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01