web-design-guidelines
✓Überprüfen Sie den UI-Code auf Konformität mit dem Web-Interface-Design, einschließlich WCAG 2.2/3.0-Zugänglichkeit, responsivem Design, Leistung, Benutzerfreundlichkeit und modernen Best Practices. Verwenden Sie diese Option, wenn Sie aufgefordert werden, „Meine Benutzeroberfläche zu überprüfen“, „Barrierefreiheit zu prüfen“, „Design zu prüfen“, „UX zu überprüfen“, „Responsive Design zu prüfen“ oder „Meine Website anhand von Best Practices zu prüfen“. Aktionen: Überprüfen, Prüfen, Auditieren, Analysieren, Validieren. Themen: Barrierefreiheit, WCAG, ARIA, semantisches HTML, Fokuszustände, Formulare, Animation, Typografie, Inhaltsverarbeitung, Bilder, Leistung, Core Web Vitals, Navigation, Touch-Interaktion, Responsive Design, Mobile-First, Dark Mode, Internationalisierung, Hydratation.
Installation
SKILL.md
Comprehensive code review for web interface compliance with industry standards including WCAG 2.2, Core Web Vitals, and modern UX best practices.
"If you can use a native HTML element with built-in semantics, use it instead of ARIA."
"No ARIA is better than bad ARIA" – Sites with ARIA average 41% more errors than those without.
Überprüfen Sie den UI-Code auf Konformität mit dem Web-Interface-Design, einschließlich WCAG 2.2/3.0-Zugänglichkeit, responsivem Design, Leistung, Benutzerfreundlichkeit und modernen Best Practices. Verwenden Sie diese Option, wenn Sie aufgefordert werden, „Meine Benutzeroberfläche zu überprüfen“, „Barrierefreiheit zu prüfen“, „Design zu prüfen“, „UX zu überprüfen“, „Responsive Design zu prüfen“ oder „Meine Website anhand von Best Practices zu prüfen“. Aktionen: Überprüfen, Prüfen, Auditieren, Analysieren, Validieren. Themen: Barrierefreiheit, WCAG, ARIA, semantisches HTML, Fokuszustände, Formulare, Animation, Typografie, Inhaltsverarbeitung, Bilder, Leistung, Core Web Vitals, Navigation, Touch-Interaktion, Responsive Design, Mobile-First, Dark Mode, Internationalisierung, Hydratation. Quelle: duc01226/easyplatform.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/duc01226/easyplatform --skill web-design-guidelines- Quelle
- duc01226/easyplatform
- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist web-design-guidelines?
Überprüfen Sie den UI-Code auf Konformität mit dem Web-Interface-Design, einschließlich WCAG 2.2/3.0-Zugänglichkeit, responsivem Design, Leistung, Benutzerfreundlichkeit und modernen Best Practices. Verwenden Sie diese Option, wenn Sie aufgefordert werden, „Meine Benutzeroberfläche zu überprüfen“, „Barrierefreiheit zu prüfen“, „Design zu prüfen“, „UX zu überprüfen“, „Responsive Design zu prüfen“ oder „Meine Website anhand von Best Practices zu prüfen“. Aktionen: Überprüfen, Prüfen, Auditieren, Analysieren, Validieren. Themen: Barrierefreiheit, WCAG, ARIA, semantisches HTML, Fokuszustände, Formulare, Animation, Typografie, Inhaltsverarbeitung, Bilder, Leistung, Core Web Vitals, Navigation, Touch-Interaktion, Responsive Design, Mobile-First, Dark Mode, Internationalisierung, Hydratation. Quelle: duc01226/easyplatform.
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/duc01226/easyplatform --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/duc01226/easyplatform
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01