web-design-guidelines
✓Best Practices und Barrierefreiheitsrichtlinien für UI/UX. Verwenden Sie es, wenn Sie UI-Code überprüfen, die Barrierefreiheit überprüfen, Formulare prüfen oder Best Practices für die Webschnittstelle sicherstellen. Löst auf „UI prüfen“, „Barrierefreiheit prüfen“, „Design prüfen“, „UX prüfen“ oder „Best Practices prüfen“ aus.
Installation
SKILL.md
Comprehensive UI/UX and accessibility guidelines for building inclusive, performant web interfaces. Contains 21 rules across 8 categories, prioritized by WCAG compliance and user impact.
| 1 | Accessibility - Semantic Structure | CRITICAL | a11y- | | 2 | Accessibility - Keyboard & Focus | CRITICAL | a11y- | | 3 | Accessibility - Visual & Color | CRITICAL | a11y- | | 4 | Forms - Input & Validation | CRITICAL | form- | | 5 | Forms - Error Handling | HIGH | form- | | 6 | Forms - User Experience | MEDIUM | form- |
| 7 | Animation & Motion | CRITICAL | motion- | | 8 | Performance & UX | MEDIUM | perf- |
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/asyrafhussin/agent-skills --skill web-design-guidelines- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist web-design-guidelines?
Best Practices und Barrierefreiheitsrichtlinien für UI/UX. Verwenden Sie es, wenn Sie UI-Code überprüfen, die Barrierefreiheit überprüfen, Formulare prüfen oder Best Practices für die Webschnittstelle sicherstellen. Löst auf „UI prüfen“, „Barrierefreiheit prüfen“, „Design prüfen“, „UX prüfen“ oder „Best Practices prüfen“ aus. Quelle: asyrafhussin/agent-skills.
Wie installiere ich web-design-guidelines?
Ö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/asyrafhussin/agent-skills --skill web-design-guidelines 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/asyrafhussin/agent-skills
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01