1DesignToolDownload

Design with Claude Code

Updated 2026-09-25Describes app version 1.7.0

Claude Code is the most-tuned agent path in 1DesignTool — the design kit was written and refined against it first, and every steering feature (picks, comments, Tweaks, variants, Council) is exercised against it in the app's own test runs. If you have a Claude subscription, this is the default engine.

Setup

Install Claude Code and sign it into your Anthropic account — that's the whole setup on the agent side. 1DesignTool detects the binary on launch and lists it in the agent picker with its version and sign-in state. Pick Claude Code · Default as the agent chip in the composer, or set it as the default under Settings → Agents.

Models and effort

The composer's agent chip exposes the Claude Code models the CLI offers — Sonnet for fast, cheap iteration; Opus when the design has to carry real taste. Effort levels trade speed for care: Fast for variants and throwaway directions, Reviewed for the pass you mean to keep, Council to fan the brief out to multiple reviewers and get a checked result.

Claude Code picked in the composer — a brief goes in, the run starts.

What the design kit hands it

Every project folder gets a plaintext copy of the design kit under .claude/skills/ — the rulebook Claude Code reads on every turn: type scale and contrast floors, hit-target sizes, markup structure, the template's output contract, and the checks the gate will run. Because the kit is plain files in the folder, you can open it, read what the agent was told, and even commit it alongside the design — the spec travels with the work.

The composer with Claude Code selected — agent chip, effort and quality controls

What it's good at

  • Editorial layout and type — landing pages, documents, brand boards
  • Design systems — tokens, components and saved systems that stay consistent
  • Long steers — it holds a project's direction across many turns without drifting
  • Council runs — the multi-review quality mode pairs well with Opus

Tip: Pair Claude Code with a saved design system on the second project. The first run teaches the kit your taste; every later brief inherits it.

If Claude Code isn't detected

Check claude on your PATH in a terminal — 1DesignTool finds the CLI the same way. A CLI that's installed but signed out shows its sign-in state in the picker; the app hands you to Claude Code's own login flow. Details live in Connect your coding agent and Troubleshooting.