Design Token Drift

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