Einrichtung
Ein Plugin ausprobieren
Das Design-Plugin wird mit /design-system ausgeliefert, das bereits so strukturiert ist, dass es einen Screen oder PR mit einer Token-Datei und einem Komponenten-Inventar vergleicht. Wenn dein Admin Plugins verwaltet und es noch nicht verfügbar ist, überspringe diesen Schritt; nichts im Folgenden erfordert es.
/design-systemAudit, document, or extend your design system./ux-copyWrite or review UX copy — microcopy, error messages, empty states, CTAs.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(öffnet in neuem Tab).
Navigiere in Cowork zu Customize → Connectors, um dies einzurichten.
Richte deinen Arbeitsordner ein
Ziehe die Dateien, die du verwenden wirst (Produktions-Screenshots, die PR-Diffs, die du überprüfst, deine Tokens-Datei, das Komponenten-Inventar), in einen Ordner auf deinem Rechner und richte Cowork dann auf diesen Ordner aus. Cowork liest daraus und schreibt den Drift-Report zurück in diesen Ordner. Wenn du regelmäßig Design-QA durchführst, erstelle ein Cowork-Projekt(öffnet in neuem Tab) aus diesem Ordner, damit deine System-Quelle verbunden bleibt.
Der Prompt
Kopiere dies in Claude Cowork
Überprüfe die veröffentlichten Screens und offenen PRs in diesem Ordner anhand unseres Design-Systems. Liste für jeden einzelnen jede Stelle auf, an der er von unseren Tokens, Komponenten, Abständen oder Interaktionsmustern abweicht, bewerte den Schweregrad und schlage den systemkonformen Fix vor. Überspringe alles, was bereits übereinstimmt.
Warum das funktioniert
Lege genau fest, worauf geprüft werden soll. Tokens, Komponenten, Abstände, Interaktion: die Checkliste ist explizit.
Frage nach einem Schweregrad für jeden Befund. Die Triage weiß, was in diesem Sprint behoben werden muss.
Sag, was weggelassen werden soll. Der Report enthält nur die Arbeit, nie das Rauschen.
Lege die Referenzdateien in den Ordner. Tokens und Inventar werden gelesen, nicht aus dem Gedächtnis abgerufen.
Einen besseren Entwurf erhalten
Füge ein Beispiel zum Abgleich hinzu. Lege ein Beispiel, das dir gefällt, in den Ordner, und Cowork passt sich an deine Struktur und deinen Ton an.
Bitte darum, Unsicherheiten zu kennzeichnen. Füge „kennzeichne alles, bei dem du dir nicht sicher bist" hinzu, damit du weißt, wo du beim Überprüfen des Entwurfs zuerst nachsehen solltest.
Lass Cowork für dich arbeiten
Das /design-system des Plugins ist ein generischer Ausgangspunkt. Sobald Schritt 2 einen Drift-Report erzeugt, den du tatsächlich an einem PR posten würdest, sag Cowork, dass es deine Version des Skills schreiben soll. Füge deine Schweregrad-Schwellenwerte, deine erlaubten Ausnahmen, dein Komponenten-zu-Code-Mapping und den Kommentarton, auf den deine Entwickler reagieren, hinzu. Ein paar Minuten Unterhaltung, und der Skill läuft von da an mit deinen Standards.
Mach aus dem, was wir in dieser Aufgabe bisher gemacht haben, einen Skill, oder bearbeite den /design-system-Skill mit meinem Feedback.
Mach es wiederholbar
Als Artefakt teilen
Drift summiert sich leise zwischen den Sprints. Bitte Cowork, den Report als Artefakt zu veröffentlichen, und das Design-System-Team hat einen Link — führe den Skill erneut aus oder plane ihn zur Aktualisierung.
Veröffentliche diesen Drift-Report als Artefakt für den design-system-Channel. Führe eine laufende Zählung der noch offenen Punkte mit hohem Schweregrad.
Führe es bei jedem PR aus, der die UI betrifft
Drift lässt sich am günstigsten vor dem Merge erkennen. Gib /schedule im Prompt ein oder öffne Scheduled in der Cowork-Seitenleiste, und stelle den angepassten Skill so ein, dass er zweimal täglich läuft und offene PRs sowie die neuesten Produktions-Screenshots prüft.
/schedule Wochentags um 10 Uhr und 16 Uhr, prüfe offene PRs mit dem Label „ui" und Design-QA/Sprint-42 auf neue Screens, führe /design-system auf jedem aus und poste den Drift-Report als Kommentar oder in #design-system.
Um 10 Uhr und 16 Uhr prüft es offene UI-PRs und den QA-Ordner, führt /design-system aus und postet den Drift-Report als PR-Kommentar oder in #design-system.
Teile es mit deinem Team
Dein angepasstes /design-system trägt jetzt deine Tokens, deine Komponenten-Map, deine Schweregrad-Skala und deine Ausnahmeliste. Teile es, damit jedes Team bei jedem PR dieselbe Überprüfung erhält und das System-Team nicht mehr der Flaschenhals für „ist das systemkonform" ist.