An example AI-ready workflow

From token architecture to a generated component.

Componiq · AI-ready Workflow

Infrastructure

Cleanly structured tokens are the foundation.

It all starts with a DTCG-compliant token architecture: clear naming conventions, semantic tiers, documented decisions. Without that base, AI cannot work reliably — it reads token names and infers context and usage.

Token structure (DTCG)

color.brand.primary.default
color.brand.primary.hover
color.text.secondary
spacing.component.gap.sm
typography.label.size

1 / 6