Skip to main content
P

/prism-recon

PrismFrontend & UI

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.

Install

This skill

Install Prism Recon

1. Add to marketplace

$ claude plugin marketplace add tonone-ai/tonone

2. Install this skill

$ claude plugin install prism-recon@tonone-ai

The agent

Install Prism

1. Add to marketplace

$ claude plugin marketplace add tonone-ai/tonone

2. Install Prism

$ claude plugin install prism@tonone-ai
See all Prism skills

Want all 31 agents across both teams?

Full installation guide

Invoke this skill

Command|$ /prism-recon

When to use

When taking over a frontend codebase that is unfamiliar. Before a major refactor or design system migration when you need a complete picture of what exists. When assessing whether a frontend is in a state ready for a new feature or needs cleanup first.

Deep dive

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.

Read the article

More from Prism

All Prism skills
PrismFrontend

/prism-ui

Builds a production-ready UI from scratch: pages with real data fetching, skeleton loading states, error boundaries, empty states, responsive layout across breakpoints, and keyboard navigation. Follows accessibility standards and uses the project's existing component patterns rather than introducing new ones.

When building a new page or web application from s…
PrismFrontend

/prism-component

Builds a reusable, accessible, typed UI component with every state handled: default, hover, focus, active, disabled, loading, error, and any domain-specific states. Includes prop documentation, usage examples, keyboard interaction patterns, and ARIA attribute coverage.

When adding a new reusable component to a design s…
PrismFrontend

/prism-dashboard

Builds an internal dashboard with data tables that support sorting, filtering, and pagination; detail drawer or modal views; CRUD forms with validation; and search. Designed for internal tooling use cases where density and function matter more than marketing aesthetics.

When engineers or operations teams need a UI for d…

Ready to use Prism Recon?

Get StartedBack to Marketplace