ui-design
✓Best Practices-Richtlinien für UI/UX und Frontend-Design (ehemals Frontend-Design). Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Entwerfen von Frontend-Code verwendet werden, um Zugänglichkeit, Leistung und Benutzerfreundlichkeit sicherzustellen. Wird bei Aufgaben ausgelöst, die HTML-Struktur, CSS-Stil, responsive Layouts, Formulardesign, Animationen oder Verbesserungen der Barrierefreiheit betreffen.
Installation
SKILL.md
Comprehensive UI/UX and frontend design best practices guide. Contains 42 rules across 8 categories, prioritized by impact to guide accessible, performant, and user-friendly interface development.
| 1 | Accessibility & WCAG Compliance | CRITICAL | access- | | 2 | Core Web Vitals Optimization | CRITICAL | cwv- | | 3 | Visual Hierarchy & Layout | HIGH | layout- | | 4 | Responsive & Mobile-First Design | HIGH | resp- | | 5 | Typography & Font Loading | MEDIUM-HIGH | typo- | | 6 | Color & Contrast | MEDIUM | color- |
| 7 | Forms & Validation UX | MEDIUM | form- | | 8 | Animation & Performance | LOW-MEDIUM | anim- |
Best Practices-Richtlinien für UI/UX und Frontend-Design (ehemals Frontend-Design). Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Entwerfen von Frontend-Code verwendet werden, um Zugänglichkeit, Leistung und Benutzerfreundlichkeit sicherzustellen. Wird bei Aufgaben ausgelöst, die HTML-Struktur, CSS-Stil, responsive Layouts, Formulardesign, Animationen oder Verbesserungen der Barrierefreiheit betreffen. Quelle: thongdn-it/react-agent-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/thongdn-it/react-agent-skills --skill ui-design- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist ui-design?
Best Practices-Richtlinien für UI/UX und Frontend-Design (ehemals Frontend-Design). Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Entwerfen von Frontend-Code verwendet werden, um Zugänglichkeit, Leistung und Benutzerfreundlichkeit sicherzustellen. Wird bei Aufgaben ausgelöst, die HTML-Struktur, CSS-Stil, responsive Layouts, Formulardesign, Animationen oder Verbesserungen der Barrierefreiheit betreffen. Quelle: thongdn-it/react-agent-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/thongdn-it/react-agent-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/thongdn-it/react-agent-skills
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01