$ cat case-studies/clonix.md · 02 / 04
Clonix

$ what it had to do
Thejob.
Point Clonix at a website and it comes back as something an AI editor can build with: design tokens, components and packs for Cursor, Claude Code and Windsurf. It is a Chrome extension, an engine and a dashboard, and it now rebuilds backends too. Saksham built everything behind the extension and the dashboard.
$ trace --request
How itworks.
- 01Scanthe extractor reads a live website
- 02Tokenscolours, type and spacing as design tokens
- 03Componentsthe pieces the page is made of
- 04Packready to drop into Cursor, Claude Code or Windsurf
built with
- Backend
- APIs
- Chrome extension
- Dashboard