In den eigenen Worten des Skills
design-critique führt ein gemeinsames Design-Review für alle durch, die eine Figma-URL, einen Screenshot oder eine schriftliche Beschreibung vorlegen können – in jeder Phase, von der Exploration bis zum finalen Feinschliff. Es arbeitet nach einem fünfteiligen Rahmenwerk: erster Eindruck, Benutzbarkeit, visuelle Hierarchie, Konsistenz und Zugänglichkeit. Die Feedback-Regeln drängen den Agent über vage Kritik hinaus: das konkurrierende Element benennen, anhand von Designprinzipien oder Nutzerbedürfnissen begründen, eine Alternative vorschlagen und anerkennen, was funktioniert.
Die Ausgabe ist eine Markdown-Kritik mit einem Gesamteindruck, einer nach Schweregrad bewerteten Benutzbarkeitstabelle (Kritisch, Moderat, Gering), einer Konsistenztabelle, Hinweisen zur Zugänglichkeit, einer Liste „Was gut funktioniert“ und drei priorisierten Empfehlungen. Ist ein Designtool oder ein Nutzer-Feedback-Connector vorhanden, werden Komponenten und Tokens untersucht oder Support-Tickets abgeglichen.
Was er erzeugt
- Eine Benutzbarkeitstabelle, die jeden Befund mit einem Schweregrad und einer empfohlenen Korrektur aufführt.
- Eine Konsistenztabelle für Abweichungen bei Typografie, Abständen und Farben gegenüber dem Design System.
- Eine abschließende Liste priorisierter Empfehlungen, sortiert nach Wirkung.
So funktioniert es
- 01Bringen Sie das Design davor
Eine Figma-URL wird aus Figma abgerufen und eine referenzierte Datei wird gelesen; existiert keine von beiden, bittet der Agent den Nutzer, das Design zu beschreiben oder zu teilen.
- 02Beginnen Sie mit dem Zwei-Sekunden-Eindruck
Noch vor jeder analytischen Betrachtung wird festgehalten, was zuerst ins Auge fällt, ob das richtig ist, welche emotionale Reaktion entsteht und ob der Zweck sofort klar wird.
- 03Gehen Sie die fünf Dimensionen der Reihe nach durch
Nutzbarkeit, visuelle Hierarchie, Konsistenz und Barrierefreiheit erhalten jeweils eigene Fragenkataloge, von Leserichtung und Weißraum bis zu Kontrastverhältnissen und Touch-Zielen.
- 04Schreiben Sie Feedback gemäß den festgelegten Stilregeln
Befunde müssen konkret, erklärt, mit einer vorgeschlagenen Alternative versehen und mit Dingen, die bereits funktionieren, ausgewogen sein.
- 05Füllen Sie die Markdown-Ausgabevorlage aus
Die feste Struktur umfasst Gesamteindruck, eine Nutzbarkeitstabelle mit Schweregraden, Hinweise zur Hierarchie, eine Konsistenztabelle, Barrierefreiheit, was gut funktioniert, und priorisierte Empfehlungen.