Skip to content

Kits

A kit is several skills grouped around one job, in the order you'd actually use them. Each installs with a single command — or downloads as one file you can upload to design tools like Figma.

Start here

Rather than choosing a kit yourself, install Canon once and describe the work — a landing page, a dashboard, a mobile review. It picks the right kit for you. It stays out of the way until you ask.

Claude Code plugin — /plugin marketplace add jamesmadson/canon

The router's three routes

Marketing / Landing Site

A site that has to persuade in one scroll — with signature moments that earn their weight.

5 phases · 9 skills

Mobile-First Review

Audit what you already shipped — judgment and device reality, kept apart on purpose.

3 phases · 4 skills

Product UI / Dashboard

Dense, data-heavy interfaces where restraint is the whole discipline.

4 phases · 8 skills

The everything bundle

Full Redesign

Brand foundation through pre-ship audits — the long arc, in working order.

4 phases · 10 skills

Full Redesign is installed directly rather than routed to.