map-feature-flow

What problem does it solve?

Manually tracing how a feature, page, or API endpoint works across frontend and backend codebases is time-consuming, especially for new team members or when onboarding to a new project. This Skill automates the process of mapping out the full call chain and context for any given feature entry point.

Core Features & Use Cases

• Three flexible entry points: Start tracing from a feature name, frontend page component file, or backend API endpoint to suit different use cases.
• Cross-stack flow tracing: Tracks the full call path across frontend layers (view, event handlers, state management, HTTP clients) and backend layers (endpoints, business logic, data access layers) without diving into database schema details.
• Structured reference output: Generates a concise, "exam cheat sheet" style markdown document with absolute file path links for quick navigation, including sections for quick overview, entry points, user operations, API calls, judgment logic, post-success actions, and side effects.
• Use Case: A developer new to a project can use this Skill to quickly understand how the login flow works across the entire stack in minutes instead of spending hours reading through scattered code files.

Quick Start

Request a feature flow reference document for a specific feature name, page file, or API endpoint using the map-feature-flow skill.