Give your agent a palette, not a prompt.

Design systems that Claude Code, Codex and any MCP client can apply. Pick one below.

Built by an agent from the standard prompt · unedited

Margin Notes

Warm paper, near-black ink for every action, hairlines and a tightly tracked grotesk; the only color is a watercolor wash, tape and pencil notes kept to the margins. Suits products whose content should carry the color.

editorial · soft corners · regular · light & dark

Details

Mix once. Paint forever.

01Connect the MCP server once.
02Ask your agent to apply a system.
03Every new screen stays on-system.

No MCP? Each system also ships as a spec URL and an offline package.

# 1 · connect once
claude mcp add --transport http pigment https://pigmentui.com/mcp

# 2 · just ask
› Apply the Pigment design system <system> to this project.
  Preserve routes, logic and tests. Show a plan first.

# 3 · your agent reads the spec
get_design_system("<system>")