Skip to main content
Vous ne souhaitez pas effectuer cette configuration manuellement ? Collez un lien vers cette page dans une session Devin et demandez-lui de tout configurer pour vous.
1

Permettez à Devin d'apprendre votre design system

Le scanner n’est aussi bon que les règles qu’il applique. Au lieu de rédiger vous-même des entrées Knowledge, dirigez Devin vers les fichiers sources de votre design system et laissez-le générer le Knowledge.Ouvrez une nouvelle session Devin et collez un prompt comme celui-ci :Devin lit les fichiers sources, en extrait les règles et crée des entrées Knowledge comme celles-ci :
  • Color tokens — “Toutes les couleurs doivent utiliser les tokens définis dans src/tokens/colors.ts. N’utilisez jamais de valeurs hexadécimales brutes comme #3B82F6. Utilisez plutôt colors.primary.500.”
  • Spacing grid — “Tous les espacements doivent suivre notre grille de 4 px. Utilisez les tokens d’espacement de src/tokens/spacing.ts (par exemple, spacing.2 = 8px, spacing.4 = 16px). Ne codez jamais en dur des valeurs en pixels comme margin: 10px.”
  • Component library — “Utilisez toujours les composants partagés de src/components/ui/ — y compris <Button>, <Avatar>, <Modal> et <Card>. Ne créez pas d’alternatives ad hoc.”
Passez en revue les entrées générées dans Settings → Resources → Knowledge et ajustez la formulation ou les déclencheurs avant de continuer.
2

Connecter Linear pour créer des tickets

L’analyse quotidienne crée des tickets Linear pour chaque violation qu’elle détecte ; connectez Linear avant de configurer l’automatisation.
  1. Allez dans Settings > Connections > Linear et cliquez sur Connect
  2. Autorisez Devin et sélectionnez les équipes auxquelles il doit avoir accès
  3. Dans Linear, créez un projet appelé “Design Debt”
  4. Créez un libellé appelé “design-fix” — vous l’utiliserez pour déclencher les corrections automatiques à la dernière étape
Consultez Linear integration pour le guide de configuration complet.
3

Programmer l’analyse quotidienne

Accédez à Automations dans la barre latérale et cliquez sur Create automation. Configurez-la comme suit :
  • Name: Design system scanner
  • Trigger: Développez Schedule et choisissez Every day — 9:00 AM (fuseau horaire de votre équipe)
  • Email notification: Sous Notifications, ajoutez une Email notification réglée sur Always (pour voir les résultats chaque matin)
Collez ceci comme prompt :Vous pouvez également décrire l’automatisation en langage naturel dans la zone de saisie du chat de la page Automations, et Devin générera la configuration pour vous. Consultez Schedule triggers pour plus de détails.Chaque matin après l’exécution de l’analyse, vous trouverez des tickets comme ceux-ci dans votre projet Design Debt :
4

Bouclez la boucle avec des PR de correction automatique

Une fois que vous avez confiance dans les résultats du scanner, modifiez le prompt pour que Devin corrige les violations dans la même exécution — aucun déclencheur séparé n’est nécessaire. Ajoutez une étape de correction à la fin de votre prompt de scan :À présent, la boucle complète s’exécute sans intervention : scan → ticket + PR de correction → revue. Chaque matin, vous trouvez à la fois les rapports de violation et les PR qui les corrigent.Pour générer un récapitulatif hebdomadaire de toutes les violations trouvées, exécutez ce prompt de suivi :