DesignTokenDrift

On every pull request that touches frontend source, scans the diff for hard-coded visual values — hex colors, rgb/rgba literals, raw pixel spacing, font sizes, border radii, box shadows, and Carbon --cds-* variables redefined with literals — and maps each violation to the correct Schematic design token or primitive. Where the mapping is unambiguous, it opens a follow-up PR that applies the fix. Runs automatically on pull request events; no manual configuration is required beyond a connected git provider.

Identifier

design-token-drift

Version

1.0.0

Steps

4

Triggers

2

• design-system
• tokens
• frontend
• css
• review
• automated

When it runs

The pipeline

The graph below is the one the workflow opens with in the builder — same steps, same layout, drawn on the same canvas. The run playing through it is a simulation; the branches and conditions are real.

1. 01
   PR Opened / Updatedtrigger

   The event that starts the run.

2. 02
   Clone Repositorygit.clone

   Shallow-clones the repository at the right ref.

3. 03
   Scan for Token Driftagent.run

   One agent works the task with its toolkit.

4. 04
   Publish Drift Reportreport.publish

   Posts or updates a deduplicated report comment.

The agent

Design Token Drift Reviewer

Base type

Code Reviewer

Temperature

0.2

Max iterations

30

Tools

8