Pigment
Connect an agent

Guides / New project

Start a new project with a system

Install the system before the first screen exists, and every screen your agent builds starts on-system.

Steps

  1. 01Inspect and planThe agent checks your framework and styling setup and proposes how to install the system. You approve the plan.
  2. 02Install tokens and fontstokens.css (or tokens.json mapped into your theme) and the fonts with their fallbacks.
  3. 03Build the base componentsEvery component in the spec, with every specified state.
  4. 04Leave the pointerA design-system/ folder and one line in AGENTS.md and CLAUDE.md, so future sessions read it.

Copy the prompt from any system page with New selected. Then keep building →