Communitygithub.com

avilaok8647/ai-freundliches-webdesign-skill

Erstelle KI-freundliche Web-Oberflächen mit semantischem HTML, ARIA, stabilen Locators und Best Practices für Formulare, um Automation und Barrierefreiheit zu verbessern.

Was ist ai-freundliches-webdesign-skill?

Dieses Skill unterstützt Entwickler und KI-Agenten dabei, moderne Web-Oberflächen zu erstellen, die sowohl für menschliche Benutzer als auch für automatisierte Tests optimiert sind. Es legt besonderen Wert auf semantisches HTML, das die Struktur von Webseiten klar definiert, ARIA-Attribute für verbesserte Barrierefreiheit, stabile Locators (wie data-testid) für zuverlässige Testautomatisierung und bewährte Formular-Design-Praktiken. Das Skill ist plattformunabhängig und funktioniert mit Tools wie Claude Code, Cursor, Codex und anderen KI-Assistenten. Durch die Implementierung dieser Richtlinien wird die Wartbarkeit von Webanwendungen erhöht, die Fehleranfälligkeit reduziert und die Zusammenarbeit zwischen Entwicklerteams und KI-Systemen verbessert. Es basiert auf weit verbreiteten Webstandards wie WAI-ARIA, WCAG und HTML5.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add avilaok8647/ai-friendly-web-design-skill

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht ai-freundliches-webdesign-skill?

Erstelle KI-freundliche Web-Oberflächen mit semantischem HTML, ARIA, stabilen Locators und Best Practices für Formulare, um Automation und Barrierefreiheit zu verbessern.

Verwandte Skills