context-explainer

Generate self-contained HTML explainers with inline diagrams and source citations.

28|Updated Jan 3, 2026
One-click install
npx skills add https://github.com/ma08/botfiles --skill context-explainer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: context-explainer
Source: https://github.com/ma08/botfiles/tree/main/claude/skills/context-explainer
Command: npx skills add https://github.com/ma08/botfiles --skill context-explainer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill eliminates the tedious, time-consuming work of piecing together scattered context for coding tasks, GitHub issues, pull requests, or architecture decisions, which requires manually digging through code, docs, issue threads, and prior task artifacts.

Core Features & Use Cases

  • Source-Grounded Context Gathering: Pulls the latest information from code, tests, GitHub issues/PRs, docs, and prior task artifacts to avoid relying on stale or incomplete data.
  • Self-Contained Visual Explainers: Generates single-file HTML pages with inline SVG diagrams, decision matrices, architecture flows, and source references that work offline with no external build steps.
  • Cross-Device Viewing: Automatically copies the finished explainer to a local Mac over SSH for quick access, eliminating manual file transfers.
  • Use Case: If you need to quickly onboard to a new codebase, brief a teammate on a complex PR's context and related issues, or build a shared mental model of an architecture decision, this Skill builds a single scannable page that replaces hours of context-switching.

Quick Start

Request a self-contained HTML explainer for your current task, pull request, or architecture question, and the Skill will generate the visual page and copy it to your local Mac desktop for immediate review.

Frequently Asked Questions about context-explainer

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

FAQPage Schema
How do I create an HTML explainer for GitHub issues and pull requests?

Generating a self-contained HTML explainer for GitHub issues and pull requests involves gathering source-grounded context from code, tests, and docs to produce a single-file HTML page with inline SVG diagrams and source citations, replacing hours of manual context-switching with a scannable visual reference.

What is the best way to onboard to a new codebase with architecture diagrams?

The best way to onboard to a new codebase with architecture diagrams is to compile source-grounded context from code, tests, and prior artifacts into a single scannable HTML page, providing a shared mental model that replaces digging through scattered documentation and issue threads.

Can I generate offline HTML pages with inline diagrams for task context?

Yes, you can generate offline HTML pages with inline diagrams for task context. The process produces self-contained HTML pages featuring inline SVG diagrams and source references that work offline with no external build steps required for immediate local viewing.

Does generating task context explainers require external build steps or dependencies?

Generating task context explainers does not require external build steps or dependencies. The output is a self-contained single-file HTML page with inline SVG diagrams, decision matrices, and architecture flows that functions completely offline without additional framework installations.

How to automatically copy generated HTML explainers to a local Mac via SSH?

To automatically copy generated HTML explainers to a local Mac via SSH, you use a tool that supports automated transfer of the finished single-file HTML page directly to your local machine, eliminating manual file transfers for immediate offline access and review.