explain

Explain data flows and code paths in the varun.surf application with ASCII diagrams.

4|Updated May 26, 2025
One-click install
npx skills add https://github.com/pwittchen/varun.surf --skill explain-pwittchen
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: explain
Source: https://github.com/pwittchen/varun.surf/tree/main/.claude/skills/explain
Command: npx skills add https://github.com/pwittchen/varun.surf --skill explain-pwittchen

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps developers and architects understand and communicate how data flows, features, and code paths in the varun.surf application by producing clear diagrams and step-by-step breakdowns.

Core Features & Use Cases

  • Visualize data flows end-to-end from entry points to outputs using ASCII diagrams.
  • Break down how features are implemented and how components interact, enabling debugging and design discussions.
  • Provide a reproducible narrative with file:line references to key source files to locate logic quickly.

Quick Start

Describe a requested data flow, feature, or component by generating ASCII diagrams and a step-by-step narrative with file references.

Frequently Asked Questions about explain

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I visualize system data flows and code paths in software architecture?

Visualizing system data flows and code paths is done by generating ASCII diagrams alongside step-by-step narratives. This traces end-to-end processing from data ingestion to UI rendering while documenting component interactions and error handling.

What is the best way to document component interactions and external integrations?

Documenting component interactions and external integrations effectively requires a reproducible narrative with file:line references to key source files. This allows developers to quickly locate logic and understand how features are implemented across the software system.

How do I trace end-to-end processing from data ingestion to UI rendering?

Tracing end-to-end processing from data ingestion to UI rendering involves mapping the complete data flow with clear visuals. It breaks down feature implementation and component interactions to enable debugging and design discussions across the application.

Can I use ASCII diagrams for explaining software architecture and system design?

Yes, ASCII diagrams are used for explaining software architecture and system design. They provide clear visuals of data flows and code paths, enabling straightforward breakdowns of complex feature implementations and component interactions without external rendering tools.

Does explaining data flows require specific source file references?

Explaining data flows requires file:line references to relevant source files to locate logic quickly. Providing these reproducible code references ensures that the architectural breakdowns and component interaction diagrams remain verifiable during debugging.