Skip to main content
Back to the field guide

A field guide to the /prism-recon skill

AI Frontend Codebase Mapping

Frontend reconnaissance: maps the component tree, routing structure, state management approach, build configuration, and third-party dependencies. Assesses code quality, component consistency, and technical debt. Produces a readable picture of the frontend before making changes that could have wide impact.

Prism · Frontend/DX4 min readNovember 30, 2025

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 /prism-recon skill produces the recon for the uprism domain. Frontend reconnaissance: maps the component tree, routing structure, state management approach, build configuration, and third-party dependencies. Assesses code quality, component consistency, and technical debt. Produces a readable picture of the frontend before making changes that could have wide impact.

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

Install

/prism-recon ships with the uprism 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 Prism

$ claude plugin install prism@tonone-ai

Frequently asked questions

What does /prism-recon do?
Frontend reconnaissance: maps the component tree, routing structure, state management approach, build configuration, and third-party dependencies. Assesses code quality, component consistency, and technical debt. Produces a readable picture of the frontend before making changes that could have wide impact.
How do I install /prism-recon?
Install Tonone for Claude Code via tonone.ai/get-started. Tonone is free and MIT-licensed.

Pairs well with