What problem does it solve? Frontend codebases accumulate shallow modules where callers must know nearly as much as the implementation, spreading interaction rules, accessibility obligations, and state handling across routes and call sites. This Skill surfaces that architectural friction and proposes deepening refactors that concentrate behaviour behind small interfaces. ## Core Features & Use Cases - Deepening candidate discovery: Explores the frontend codebase to find shallow UI modules, routes owning feature behaviour inline, repeated loading/error/empty states, and accessibility rules leaking to callers. - Dependency classification: Categorizes dependencies (in-process, React-local, route-provided, data-fetching, form/action, browser/platform, design-system, external) to decide where seams and adapters belong. - Parallel interface design: Spawns multiple sub-agents to produce radically different interface proposals for a chosen candidate, then compares them by depth, locality, and test surface. - Use Case: A route component has grown to own artifact downloads, status mapping, and form lifecycle inline. Use this Skill to identify the deep modules hiding inside it, then design a small interface like a SessionArtifactsPanel that owns the behaviour. ## Quick Start Ask the assistant to review the frontend code in this project and list deepening opportunities for shallow modules and overloaded routes.
