Skip to main content
¿No quieres configurarlo manualmente? Pega un enlace a esta página en una sesión de Devin y pídele que lo configure todo por ti.
1

Permite que Devin aprenda tu sistema de diseño

El escáner solo es tan bueno como las reglas con las que compara. En lugar de escribir tú mismo las entradas de Knowledge, dirige Devin a los archivos fuente de tu sistema de diseño y deja que genere Knowledge automáticamente.Abre una nueva sesión de Devin y pega un prompt como este:Devin lee los archivos fuente, extrae las reglas y crea entradas de Knowledge como estas:
  • Color tokens — “Todos los colores deben usar tokens de src/tokens/colors.ts. Nunca uses valores hexadecimales directos como #3B82F6. Usa colors.primary.500 en su lugar.”
  • Spacing grid — “Todo el espaciado debe seguir nuestra cuadrícula de 4 px. Usa los tokens de espaciado de src/tokens/spacing.ts (por ejemplo, spacing.2 = 8px, spacing.4 = 16px). Nunca escribas valores de píxeles fijos como margin: 10px.”
  • Component library — “Usa siempre los componentes compartidos de src/components/ui/ — incluidos <Button>, <Avatar>, <Modal> y <Card>. No crees alternativas puntuales.”
Revisa las entradas generadas en Settings → Resources → Knowledge y ajusta cualquier redacción o disparador antes de continuar.
2

Conectar Linear para crear tickets

El escaneo diario crea tickets de Linear por cada infracción que detecta, así que asegúrate de conectar Linear antes de configurar la automatización.
  1. Ve a Settings > Connections > Linear y haz clic en Connect
  2. Autoriza a Devin y selecciona los equipos a los que debería tener acceso
  3. En Linear, crea un proyecto llamado “Design Debt”
  4. Crea una etiqueta llamada “design-fix” — la usarás para activar las correcciones automáticas en el último paso
Consulta la integración con Linear para obtener la guía completa de configuración.
3

Programar el análisis diario

Navega a Automations en la barra lateral y haz clic en Create automation. Configúralo de la siguiente manera:
  • Name: Design system scanner
  • Trigger: Expande Schedule y elige Every day — 9:00 AM (zona horaria de tu equipo)
  • Email notification: En Notifications, agrega una Email notification configurada como Always (para que veas los resultados cada mañana)
Pega esto como prompt:También puedes describir la automatización en lenguaje natural en el chat input de la página Automations y Devin generará la configuración por ti. Consulta Schedule triggers para más detalles.Cada mañana, después de que se ejecute el escaneo, encontrarás tickets como estos en tu proyecto Design Debt:
4

Cierra el ciclo con PRs de corrección automática

Una vez que confíes en el resultado del escáner, modifica el prompt para que Devin corrija las infracciones en la misma ejecución, sin necesidad de un disparador separado. Añade un paso de corrección al final de tu prompt de escaneo:Ahora todo el ciclo se ejecuta de forma automática: escaneo → ticket + PR de corrección → revisión. Cada mañana, tendrás tanto los reportes de infracciones como los PR que las corrigen.Para generar un resumen semanal de todas las infracciones encontradas, ejecuta esto como seguimiento: