Kintsu How it works
For vibe coders

Make your app look
like you designed it

Import your project, fix what's broken, refine what matters,
export to any platform.

No sign-up required · Runs entirely in your browser · Nothing uploaded to any server

Three steps from messy to intentional

01

Import

Drop in your CSS, Tailwind config, or a screenshot of your app. We extract your colours, fonts, and spacing — no manual input needed.

.css .scss tailwind.config screenshot
02

Fix & Refine

We audit for duplicate colours, accessibility failures, and inconsistent spacing. Fix issues with one click, then refine visually with live preview.

WCAG contrast Duplicate tokens Spacing grid
03

Export

Get your design system as files ready for your tools. DESIGN.md, CSS variables, Tailwind theme, shadcn globals, Cursor rules — pick what you need.

Claude Code Cursor Windsurf v0

Built for how AI tools actually code

AI coding tools default to the same blues, the same spacing, the same handful of grey values. Kintsu audits your token set and helps you replace them with something intentional — then exports in every format your tools understand.

  • Colour consolidation Find and merge near-identical values scattered across your codebase.
  • Accessibility checks Every text/background pairing tested against WCAG 2.2. No guessing.
  • Spacing consistency Snap your values to a 4px or 8px grid. No more 13px, 22px, 15px.
  • Typography Flag too many typefaces, inconsistent scale, and missing hierarchy.