Skip to content

Work / Trunk / Wiki / Surfaces

styles-import

Surfacecanonicalverified 2026-10-15

SURFACE.WEB.STYLES.STYLES-IMPORT

Summary

Import a standard design system — Tailwind, Material UI, shadcn/ui, Chakra, Radix, Bootstrap, Material 3 — or a tokens file.

Raw wireframe

  • .context/designs/web/styles/styles-import.html

Why it is drawn this way

Three ways in: map onto my tokens where values match (AI, the default), add as a separate set, or replace mine.

A preview of the mapping shows exact and near matches before anything changes.

It goes into your draft.

Related

Sources

  • .context/designs/web/styles/styles-import.html
  • The owner's instructions in the sessions of 2026-10-14 and 2026-10-15.