Wird geladen

Audit zur Musterkonsistenz

Jede bestehende Oberfläche, die dies bereits löst, bevor du eine neue gestaltest.

10 Min.DesignClaude Cowork
Wird geladen

Einrichtung

Ein Plugin ausprobieren

Das Design-Plugin wird mit /design-handoff und anderen Design-System-Skills als Ausgangspunkt geliefert, bereits so strukturiert, dass Komponenten inventarisiert und querverwiesen werden, wo sie sich befinden. Wenn dein Admin Plugins verwaltet und es noch nicht verfügbar ist, überspringe diesen Schritt; nichts im Folgenden setzt es voraus.

DesignAccelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
Hinzufügen
/design-handoffGenerate developer handoff specs from a design.
In Cowork öffnen
/research-synthesisSynthesize user research into themes, insights, and recommendations.
In Cowork öffnen

Verbinde deine Tools

Claude Cowork ist leistungsfähiger, wenn es direkt mit deinen Systemen arbeitet. Du kontrollierst Berechtigungen und Zugriff. Erfahre mehr über den Tool-Zugriff.

Navigiere in Cowork zu Anpassen → Konnektoren, um sie einzurichten.

Figma
Durchsuche deine Komponentenbibliotheken und veröffentlichten Dateien nach jeder Instanz des Musters.
Verbinden
GitHub
Finde heraus, wo das Muster im Produkt implementiert ist und wer diese Oberfläche besitzt.
Verbinden
AmplitudeOptional
Ziehe Engagement und Conversion für jede Oberfläche heran, damit die Empfehlung auf Daten basiert.
Verbinden

Richte deinen Arbeitsordner ein

Ziehe die Dateien, die du verwenden wirst (ein Figma-Export des Design-Systems, Screenshots der Oberflächen, die du bereits kennst, die Produkt-Sitemap), in einen Ordner und richte Cowork darauf aus. Cowork liest daraus und schreibt das Audit zurück in den Ordner. Erstelle ein Cowork-Projekt aus deinem Design-System-Ordner, damit das Komponenteninventar und die Ownership-Map bei jedem Audit erhalten bleiben.

Design-system / Audits / inline-filter
component-inventory.mdMar 18, 202642 KB
search-results-current.pngApr 26, 2026410 KB
surface-ownership.csvFeb 9, 20268 KB
In der Chatleiste von Cowork:Design-system / Audits / inline-filter

Der Prompt

Kopiere dies in Claude Cowork

Bevor ich ein neues Inline-Filter-Muster für die Suchergebnisseite vorschlage, finde jede Oberfläche in unserem Produkt, die etwas Ähnliches verwendet (Chips, Segmented Controls, Dropdown-Filter, facettierte Seitenleisten). Zeige für jede einen Screenshot oder Figma-Link, vermerke welches Team sie besitzt und wie sie abgeschnitten hat (Engagement oder Conversion, falls vorhanden). Sag mir, welches Muster wiederverwendet werden sollte und warum.

Design-system / Audits / inline-filter

Warum das funktioniert

Prompt

Benenne die Varianten, nach denen gesucht werden soll. Chips, Segmented Controls, Dropdowns, Facets sind die Art, wie sich dieselbe Absicht unter verschiedenen Namen zeigt; sie zu benennen erweitert die Suche.

Prompt

Frage nach dem Owner. Du musst ohnehin mit diesem Team sprechen; das Audit dient gleichzeitig als deine Stakeholder-Liste.

Prompt

Untermauere die Empfehlung mit Daten. „Wie diese Oberfläche abgeschnitten hat" macht aus der Empfehlung einen Beleg für das Design-Crit statt bloßem Geschmack.

Quelle

Lege deine Referenzliste in den Ordner. Cowork startet mit deiner Komponentenliste und prüft dann das Live-Produkt auf Abweichungen.

Einen besseren Entwurf erhalten

Übung

Frage nach dem Konsolidierungsplan. Füge hinzu „falls ich eines wiederverwenden sollte, liste auf, welche anderen Oberflächen ebenfalls dorthin migrieren sollten" und das Audit wird zu einem Roadmap-Punkt für das Design-System.

Übung

Füge einen Screenshot des Ziels hinzu. Lege einen Screenshot davon ab, wohin das Muster geht, und Cowork bewertet die Passung, nicht nur den Präzedenzfall.

Lass Cowork für dich arbeiten

Ein Plugin-Skill ist ein Ausgangspunkt — passe ihn mit deinen eigenen Praktiken und deinem Fachwissen an. Ein paar Minuten Gespräch, und er läuft von da an nach deinen Standards.

Mach aus dem, was wir in dieser Aufgabe bisher gemacht haben, einen Skill, oder bearbeite den /design-handoff-Skill mit meinem Feedback.

Design-system / Audits

Mach es wiederholbar

Mach es zum standardmäßigen ersten Schritt

Dieses Audit sollte ausgeführt werden, bevor ein neues Muster in die Review geht. Speichere es als Skill, den die gesamte Design-Organisation mit einer Zeile aufrufen kann, wobei jedes Mal der Musternamen ausgetauscht wird, damit „haben wir geprüft, was bereits existiert" keine Überraschung in der Crit-Woche mehr ist.

Speichere dies als /pattern-audit. Es sollte einen Musternamen entgegennehmen, Figma, die Codebasis und Amplitude nach bestehenden Instanzen durchsuchen und die Gegenüberstellung mit einer Wiederverwendungsempfehlung in Design-system/Audits/<pattern>.md schreiben.

Design-system / Audits

Teile es mit deinen Teammitgliedern

Dein angepasster /pattern-audit trägt jetzt dein Komponenteninventar, deine Ownership-Map und deine Performance-Abfragen. Teile ihn, damit jeder Designer vor dem Crit die gleiche Prüfung durchführt, und das Design-System nicht mehr fünf verschiedene Wege entwickelt, um ein und dasselbe zu tun.

Was sich für das Design-Crit ändert