ux-evaluator
UI-Komponenten anhand von UX-Best-Practices bewerten
Également disponible depuis: 92Bilal26
UI-Reviews entwickeln sich oft zu subjektiven Meinungskämpfen. Diese Skill bietet ein systematisches 3-Dimensionen-Framework, um Design-Feedback auf evidenzbasierten Prinzipien von Branchenexperten zu basieren.
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "ux-evaluator". Review the Sign Up and Sign In button placement on my landing page. The Sign Up button is on the left.
Résultat attendu:
- ❌ POSITION: ÄNDERUNG ERFORDERLICH - Primäre Aktion (Sign Up) sollte RECHTS sein, nicht links
- ✅ VISUELLES GEWICHT: KORREKT - Gefüllte Markenfarbe für Primäraktion unterscheidet sie klar
- ✅ ABSTAND: KORREKT - 8px Abstand zwischen Buttons entspricht Richtlinien
- Urteil: ÄNDERUNGEN ERFORDERLICH
- P1: Button-Reihenfolge tauschen zu [Sign In] [Sign Up] pro Branchenstandard (GitHub, Stripe, Google-Muster)
Utilisation de "ux-evaluator". My form has labels appearing to the right of input fields. Is this a UX problem?
Résultat attendu:
- ❌ POSITION: ÄNDERUNG ERFORDERLICH - Beschriftungen über Eingabefeldern folgen Konventionen besser
- ✅ VISUELLES GEWICHT: KORREKT - Pflichtfeld-Markierung ist klar erkennbar
- ⚠️ ABSTAND: AKZEPTABEL - 0,5rem Abstand zwischen Beschriftung und Eingabe liegt im akzeptablen Bereich
- Urteil: ÄNDERUNGEN ERFORDERLICH
- P1: Beschriftungen über Eingabefelder verschieben gemäß Balsamiq- und Nielsen-Konventionen
Audit de sécurité
SûrPure documentation skill containing only UX evaluation guidelines. No code execution, network calls, filesystem access, or external capabilities. Static findings are false positives: backticks are markdown delimiters, URLs are text references, and content hashes are metadata. The skill is a knowledge base for UX evaluation methodology.
Facteurs de risque
⚙️ Commandes externes (7)
🌐 Accès réseau (2)
📁 Accès au système de fichiers (1)
Score de qualité
Ce que vous pouvez construire
Button-Platzierung überprüfen
Validieren, dass primäre und sekundäre Aktionen Branchenkonventionen wie GitHub- und Stripe-Muster folgen.
Navigationshierarchie analysieren
Bewerten, ob Navigationselemente gemäß Usability-Standards positioniert und gestylt sind.
Formular-UX-Konformität prüfen
Überprüfen, ob Formularelemente richtige Abstände, Beschriftungen und Fehlerzustands-Richtlinien einhalten.
Essayez ces prompts
Überprüfe die [Absenden/Abbrechen]-Button-Platzierung in meinem Formular. Verwende das 3-Dimensionen-Framework und vergleiche mit Branchenstandards.
Bewerte meine Navigationsleisten-Elemente einschließlich Logo, Links und Utility-Icons. Prüfe Position und visuelles Gewicht gemäß Konventionen.
Analysiere meine Formularfelder hinsichtlich Beschriftungsplatzierung, Fehlermeldungspositionierung und Abständen zwischen Eingabefeldern. Verweise auf Balsamiq-Richtlinien.
Führe eine vollständige UX-Bewertung meiner [Komponentenname] mithilfe aller drei Dimensionen durch. Dokumentiere den aktuellen Zustand, vergleiche mit Konventionen und priorisiere Empfehlungen mit Quellen.
Bonnes pratiques
- Dokumentiere immer den aktuellen Zustand mit spezifischen Messungen, bevor du Empfehlungen machst
- Verweise auf autoritative Quellen (Balsamiq, Nielsen, große Plattformen) für jede Empfehlung
- Priorisiere P1-Änderungen, die UX-Grundlagen verletzen, über P3-Polier-Verbesserungen
Éviter
- Subjektive ästhetische Urteile fällen, ohne UX-Prinzipien zu referenzieren
- Änderungen empfehlen, ohne Branchenkonventionen zu vergleichen
- Nicht zwischen primärer und sekundärer Aktionshierarchie unterscheiden