All case studies Design Systems

Unruggable Design System

The first design system built for AX — a living, AI-native design system for the permanent web.

Client
AR.IO · ArDrive
Role
Sole designer & developer
Date
2024
Unruggable Design System

The first design system built for AX — Agent Experience. A living, AI-native design system for the permanent web: MCP-parsable docs, components, and tokens fused with web3 primitives so you can design, verify, and ship unruggable experiences.

What it is

A design system designed to be read by humans and models. Components, tokens, and documentation are exposed via the Model Context Protocol so an LLM-powered builder can consume them, compose with them, and produce code that uses them correctly the first time.

Why now

Most design systems were built for a Figma-and-Storybook world. The next generation of builders is half-human, half-agent. If your system can't be parsed and composed by a model, it slows the fastest builders in the room.

What I did

  • Sole designer and developer — concept, token system, component library, documentation, MCP server.
  • Designed the token system to be primitive-first: spacing, color, motion, type — all addressable.
  • Built a component library aligned with web3 primitives (addresses, tx hashes, manifests, signatures).
  • Authored MCP-parsable documentation so AI builders get correct grammar, props, and constraints.

Where it's going

  • Reference apps that use the system end-to-end as both a showcase and a test bed.
  • Component-level eval suites for AI-generated UI quality.
  • Open contribution model so other web3 teams can plug in.