open source · mit license

The design engine for
coding agents

The open-source alternative to Claude Design. Your existing coding agent becomes the design engine, driven by 31 composable skills and 72 brand-grade design systems.

get started → view on github
31
composable skills
72
design systems
100%
open source
MIT
license
quick start
Drop in, ship out
Works with any coding agent. No config, no lock-in.
# install via npm npx open-design init # or add to your agent context import { skills, systems } from 'open-design' # use a skill in your prompt useSkill('typography', { system: 'brutalist' })
skills
31 composable skills
Modular design knowledge your agent can pull on demand.
✦

Typography

Pairing rules, hierarchy, and scale systems for any brand.

layout
◈

Color Systems

Token-based palettes with dark mode and contrast compliance.

tokens
⊡

Spacing

Consistent rhythm from 4px base grids to fluid type sizing.

layout
◎

Components

Button, card, form, and nav patterns with state coverage.

ui
⟡

Motion

Easing curves and keyframe templates for brand-grade animation.

animation
⬡

Iconography

Stroke weight and grid rules for cohesive icon families.

assets
◫

Grid

12-column, editorial, and bento grid archetypes.

layout
◻

Dark Mode

Automatic surface and elevation tokens for every theme.

tokens
why open design
Built for the agentic era
Design knowledge that travels with your agent, not locked in a GUI.

Agent-native

Skills are plain text — any LLM can read, reason over, and apply them.

72 design systems

From brutalist to soft UI — brand-grade systems ready to drop in.

Composable

Mix skills and systems freely. Override anything, extend anything.

No lock-in

Works with Claude, GPT, Gemini, or any local model you prefer.

Version-controlled

Skills live in your repo. PR, review, and diff like any other code.

Community-driven

MIT licensed. Submit skills, systems, and improvements freely.