OpenLabs-so/oa-design

120 stars · Last commit 2026-08-20

The Open Analytics design language as an agent skill: component recipes with type-checked source, token CSS, and a CLI. Works with Claude Code, Cursor, or any agent.

README preview

# oa-design

The design language of [Open Analytics](https://getopen.so), packaged three
ways: an agent skill, type-checked component recipes, and a CLI. People kept
asking how the dashboard looks and moves the way it does; this repository is
the answer, in a form an agent can execute. Every hex code, spring constant,
radius and easing is lifted from the shipped product, with the reasoning
attached.

The look in one sentence: **white surfaces with continuous-curvature corners,
resting on a quiet grey stage, drawn in a single ink, moved by a single
spring.**

## Get it

**CLI** (recipes into your project, shadcn-style):

```sh
npx getopen-design list                  # what's available
npx getopen-design add tab-bar toast     # recipes into ./oa-design

View full repository on GitHub →