Skip to main content
Möchten Sie das nicht manuell einrichten? Fügen Sie einen Link zu dieser Seite in eine Devin-Sitzung ein und bitten Sie Devin, alles für Sie einzurichten.
1

Lassen Sie Devin Ihr Designsystem kennenlernen

Der Scanner ist nur so gut wie die Regeln, die er überprüft. Anstatt Knowledge-Einträge selbst zu schreiben, richte Devin auf die Quelldateien deines Designsystems und lass es die Knowledge generieren.Öffne eine neue Devin-Sitzung und füge einen Prompt wie diesen ein:Devin liest die Quelldateien, extrahiert die Regeln und erstellt Knowledge-Einträge wie diese:
  • Farb-Tokens — “Alle Farben müssen Tokens aus src/tokens/colors.ts verwenden. Verwende niemals rohe Hex-Werte wie #3B82F6. Verwende stattdessen colors.primary.500.”
  • Spacing-Grid — “Alle Abstände müssen unserem 4px-Grid folgen. Verwende Spacing-Tokens aus src/tokens/spacing.ts (z. B. spacing.2 = 8px, spacing.4 = 16px). Verwende niemals hartkodierte Pixelwerte wie margin: 10px.”
  • Komponentenbibliothek — “Verwende immer gemeinsame Komponenten aus src/components/ui/ — einschließlich <Button>, <Avatar>, <Modal> und <Card>. Erstelle keine individuellen Einzel-Lösungen.”
Überprüfe die generierten Einträge unter Settings → Ressourcen → Knowledge und passe Formulierungen oder Trigger bei Bedarf an, bevor du fortfährst.
2

Linear für das Erstellen von Tickets verbinden

Der tägliche Scan erstellt für jeden gefundenen Verstoß ein Linear-Ticket. Verbinden Sie daher Linear, bevor Sie die Automatisierung einrichten.
  1. Gehen Sie zu Settings > Connections > Linear und klicken Sie auf Connect
  2. Autorisieren Sie Devin und wählen Sie die Teams aus, auf die es Zugriff haben soll
  3. Erstellen Sie in Linear ein Projekt mit dem Namen “Design Debt”
  4. Erstellen Sie ein Label mit dem Namen “design-fix” – dieses verwenden Sie im letzten Schritt, um automatische Korrekturen auszulösen
Siehe Linear integration für die vollständige Einrichtungsanleitung.
3

Täglichen Scan planen

Navigiere zu Automations in der Sidebar und klicke auf Create automation. Konfiguriere sie wie folgt:
  • Name: Design-System-Scanner
  • Trigger: Klappe Schedule auf und wähle Every day — 9:00 Uhr (Zeitzone deines Teams)
  • Email notification: Füge unter Notifications eine Email notification hinzu, die auf Always gesetzt ist (damit du die Ergebnisse jeden Morgen siehst)
Füge dies als Prompt ein:Du kannst die Automatisierung auch in natürlicher Sprache im Chat-Eingabefeld auf der Seite Automations beschreiben, und Devin generiert die Config für dich. Siehe Schedule triggers für weitere Details.Jeden Morgen, nachdem der Scan ausgeführt wurde, findest du Tickets wie diese in deinem Design-Debt-Projekt:
4

Schließe den Kreis mit automatischen Fix-PRs

Sobald Sie der Ausgabe des Scanners vertrauen, passen Sie den Prompt so an, dass Devin Verstöße im selben Durchlauf behebt – ein separater Trigger ist nicht nötig. Fügen Sie am Ende Ihres Scan-Prompts einen Fix-Schritt hinzu:Jetzt läuft der gesamte Kreislauf automatisch: Scan → Ticket + Fix-PR → Review. Jeden Morgen erhalten Sie sowohl die Berichte über Verstöße als auch die PRs, die diese beheben.Um eine wöchentliche Zusammenfassung aller gefundenen Verstöße zu erstellen, führen Sie Folgendes als Follow-up aus: