Achieve consistent UI
in four steps.

After purchase, your account download page gives you a ZIP containing everything you need. Free systems expose the same files directly from the detail page.

Keep DESIGN.md at the project root so coding agents pick it up as project context. Move the generated stylesheet, system.css, anywhere in your project. Your agent will wire it up in the next step.

The folder doesn't matter. The agent finds the stylesheet and imports it correctly for your framework.

Open your agent of choice (Cursor, Claude Code, Codex, or another) and paste this prompt. It tells the agent to treat DESIGN.md as the source of truth, wire up the stylesheet for you, and refactor your UI to match, with no manual CSS import required.

Read DESIGN.md in the project root before changing UI.

1. Find the design system stylesheet (css/system.css) and wire it up for me. Detect my framework (Vite, Next.js, Remix/React Router, plain HTML, or whatever this project uses) and import the stylesheet exactly once from the app's main/global CSS, or add a <link> in the HTML head for plain HTML. Move the file somewhere sensible if needed.
2. Use the tokens, utilities, component anatomy, spacing, typography, and states described in DESIGN.md.
3. Refactor the requested UI to match the system instead of inventing a new visual style.
4. If existing components conflict with DESIGN.md, explain the conflict and choose the option that keeps the interface most consistent.
5. If html/preview.html exists, read it as a visual reference and match the structure, spacing, and component styling shown there.

For long-term consistency, mention DESIGN.md in your agent's global instructions so every future UI request starts from the same rules. When you can't, append a short reminder to the prompt itself.

Build the requested UI using DESIGN.md as the visual source of truth.

Follow its color tokens, typography, spacing scale, component patterns, interaction states, and accessibility guidance. Reuse styles from the imported primary stylesheet before writing new CSS.