From Design Language to Agentic Design System — Kengo

This series tracks an effort to make knowledge explicit in phases: first for the humans stewarding the system, then for the AI-assisted workflows increasingly building on top of it.

Phase 1 — Sol to Tailwind: Migrating MoMA’s in-house atomic design language to Tailwind CSS and building a component library.
Phase 2 — Archigram: Building a system structured for agentic workflows: separating out into app and packages for icons, components, documentation and design system MCP.

Phase 1
Sol to Tailwind: A Design Language in Translation
Independent continuation of design language migration work begun at MoMA in 2025 — translating years of accumulated design decisions from an in-house CSS library into Tailwind CSS
Phase 2
Archigram: A Cybernetic Design System
An adaptive design system connecting human intent and machine execution through structured AI context