Skip to content

Themes

Every chatcn component reads the same few dozen variables. Pick a preset or tune your own, watch a real agent run change with it, then install it with one command.

Already have a shadcn theme? Map chatcn onto it instead.

CobaltFocus ring 5.0:1 lightFocus ring 7.1:1 dark
The runs page is slow. Limit it to the latest 20.
Thought for 4 seconds
Removed: const runs = await getRuns()Added: const runs = await getRuns({ limit: 20 })

Pass a limit of 20 to getRuns so the page stops loading every run.

getRuns() is called without a limit, so every run comes back. I will pass limit: 20 and keep the cursor pagination (opens in a new tab) for older runs.

Plan2 of 4 done
  • Done: Read the runs page
  • Done: Limit getRuns to 20
  • In progress: Running the web tests
  • Pending: Measure the first paint

Agent

Ask before editsPause on every file change.
Run tests after edits
Web search

Use it

One command adds the preset on top of the chatcn theme. Dark mode values come with it.

pnpm dlx shadcn@latest add https://chatcn.dev/r/theme-cobalt.json