Was macht ui-ux-score-loop?
Browser-UI/UX-Bewertungsschleife für Codex-Fähigkeiten. Testabläufe testen, Screenshots verfolgen und mit 0-100-Bewertungsrubriken verbessern.
Funktionsweise
Der Skill führt automatisch definierte Testabläufe in einem Headless-Browser aus, erfasst Screenshots von jeder Phase und bewertet die visuelle Qualität sowie Benutzerfreundlichkeit anhand einer konfigurierbaren Rubrik (Punktzahl 0-100). Die Ergebnisse werden in einem Dashboard aggregiert, das historische Vergleiche und Trends anzeigt.
Verwendung
- Testablauf definieren: Erstellen Sie einen JSON-Plan mit zu besuchenden URLs, Klickaktionen und Bewertungskriterien.
- Bewertung ausführen: Führen Sie den Skill mit Ihrem definierten Ablauf aus.
- Ergebnisse analysieren: Überprüfen Sie die generierten Screenshots und Rubrikbewertungen im Dashboard.
- Verbessern: Passen Sie Ihr UI/UX-Design basierend auf dem Feedback an und wiederholen Sie den Vorgang.
Unterstützte Plattformen
- Codex CLI (Beta)
- Claude Code
- Cursor
Beispielkonfiguration
{
"flows": [
{
"name": "Onboarding",
"url": "https://example.com/onboarding",
"actions": [
{"type": "click", "selector": "#start-btn"},
{"type": "screenshot", "name": "step1"}
],
"rubric": {
"layout": 80,
"accessibility": 70,
"responsiveness": 90
}
}
]
}
Weitere Informationen
Details zur Einrichtung und erweiterte Optionen finden Sie in der offiziellen Dokumentation.