Does it provide direct links to the source code?

Yes, every explanation includes specific file paths and line numbers, allowing developers to jump directly to the relevant sections of the codebase.

How does the Explain skill analyze the code?

It uses built-in tools like LSP, Grep, and Glob to search for patterns, trace method calls, and find definitions to create an accurate map of the application logic.

What kind of diagrams does this skill produce?

The skill generates structured ASCII diagrams that visualize data flows, component interactions, and state transitions directly in the terminal.

Can it explain external integrations like Windguru?

Absolutely. It can trace how data is fetched from external APIs, transformed by internal services, and eventually delivered to the frontend components.

App Logic & Flow Explainer

Name: App Logic & Flow Explainer
Author: pwittchen

bypwittchen

•

学习与文档

Explains complex data flows, application features, and code paths using visual diagrams and detailed step-by-step breakdowns.

The Explain skill provides an automated way to map out the internal workings of the varun.surf application, a kite spots database and weather forecast platform. It enables developers to quickly grasp how data moves from external sources like Windguru to the frontend, visualizes component interactions with ASCII diagrams, and provides precise code references for faster onboarding and debugging. By tracing entry points through processing steps to final output, it clarifies caching layers, data transformations, and service-level logic across the entire project.

主要功能

01Automated data flow tracing from entry point to final output

024 GitHub stars

03Comprehensive analysis of external API integrations and caching mechanisms

04Step-by-step logical breakdowns with specific file and line references

05Visual ASCII diagram generation for component and state interactions

06Detailed mapping of data shape transformations across system layers

使用场景

01Onboarding developers to the varun.surf architecture and codebase

02Debugging complex features like weather forecast aggregation and caching

03Documenting internal API logic and external service integrations for better maintenance

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add pwittchen/varun.surf explain

For use in Claude.ai and ChatGPT

Download Skill