Communitygithub.com

creo-kit/claude-design-review

KI-gestützte Design-Review-Fähigkeit für Claude Code. Responsive-Tests, WCAG-AA-Barrierefreiheit, Nielsen-Heuristiken, visuelles Qualitätsaudit. Installation mit einem Befehl.

Was ist claude-design-review?

Das Skill `creo-kit/claude-design-review` erweitert Claude Code um eine automatisierte, KI-gestützte Design-Review-Funktion. Es führt systematische Prüfungen durch, darunter Responsive-Tests für verschiedene Bildschirmgrößen, die Einhaltung der WCAG-AA-Barrierefreiheitsstandards (z. B. Kontrast, Tastaturnavigation), heuristische Bewertungen nach Nielsen (wie Konsistenz und Fehlervermeidung) sowie ein visuelles Qualitätsaudit (z. B. Pixelgenauigkeit, Abstände, Farben). Entwickler können diese Reviews nahtlos in ihren Claude-Code-Workflow integrieren, indem sie das Skill mit einem Einzeiler installieren und über natürliche Sprachbefehle wie „Führe ein Design-Review dieser Seite durch“ auslösen. Es analysiert den gerenderten DOM und die visuelle Ausgabe der Anwendung, um umsetzbare Verbesserungsvorschläge zu generieren. Dieses Tool ist besonders nützlich für Frontend-Entwickler, UI/UX-Designer und Teams, die ohne manuelle Checklisten oder externe Tools konsistente, qualitativ hochwertige Design-Reviews direkt in ihrer Entwicklungsumgebung durchführen möchten.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add creo-kit/claude-design-review

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht claude-design-review?

KI-gestützte Design-Review-Fähigkeit für Claude Code. Responsive-Tests, WCAG-AA-Barrierefreiheit, Nielsen-Heuristiken, visuelles Qualitätsaudit. Installation mit einem Befehl.

Verwandte Skills