How do I install /draft-recon?

Install Tonone for Claude Code via tonone.ai/get-started. Tonone is free and MIT-licensed.

AI UI UX Reconnaissance

Reconnaissance is the first thing a senior engineer does on an inherited project: read the lay of the land before changing anything. Skip it and the first change reveals an assumption that turned out to be wrong.

The /draft-recon skill produces the recon for the udraft domain. Scans the frontend codebase to map existing routes, page components, navigation structure, and interaction patterns. Produces a UX map of what currently exists, including inconsistencies and patterns that have drifted from the intended design, before designing anything new.

Tonone's /draft-recon skill produces a focused inventory of the udraft domain before changes are made.

DraftUX Design

/draft-recon

Scans the frontend codebase to map existing routes, page components, navigation structure, and interaction patterns. Produces a UX map of what currently exists, including inconsistencies and patterns that have drifted from the intended design, before designing anything new.

Before designing a new flow on a product you have …

ApexPlanning

/apex-takeover

Takes ownership of an inherited or unfamiliar codebase by orchestrating parallel reconnaissance across all 14 specialists simultaneously. Produces a full system map, risk assessment, quick wins list, and recommended roadmap. This is the starting point when joining a project mid-stream.

When inheriting a codebase from another team, when…

ApexPlanning

/apex-recon

Engineering lead reconnaissance: reads the codebase structure, git history, open work, and dependency graph to produce a focused inventory before planning begins. Faster and lighter than a full takeover, designed for orientation rather than comprehensive handoff documentation.

At the start of a session on a project you have no…

Install

/draft-recon ships with the udraft agent in Tonone for Claude Code. Install Tonone via tonone.ai/get-started. Tonone is free and MIT-licensed.

1. Add to marketplace

$ claude plugin marketplace add tonone-ai/tonone

2. Install Draft

$ claude plugin install draft@tonone-ai

Frequently asked questions

What does /draft-recon do?: Scans the frontend codebase to map existing routes, page components, navigation structure, and interaction patterns. Produces a UX map of what currently exists, including inconsistencies and patterns that have drifted from the intended design, before designing anything new.
How do I install /draft-recon?: Install Tonone for Claude Code via tonone.ai/get-started. Tonone is free and MIT-licensed.