Generate self-contained HTML code walkthroughs from per-file JSON inputs.
npx skills add https://github.com/koseki2580/skills --skill code-viz-core
Please help me install this Agent Skill. Skill: code-viz-core Source: https://github.com/koseki2580/skills/tree/main/skills/code-viz-core Command: npx skills add https://github.com/koseki2580/skills --skill code-viz-core
This Skill provides a safe, repeatable engine for turning multiple source files into a single, self-contained HTML “code walkthrough” without manually editing the HTML shell.
data/*.json, then rebuild to generate one index.html.Use the code-viz-core skill to assemble a walkthrough by building the explainer directory agents/explainers/<name> into an interactive index.html, then open the produced index.html in a browser to verify the render.
High-intent search queries and answers about installing and using this skill.
To generate a self-contained HTML code walkthrough, you author per-file JSON inputs conforming to the walkthrough schema and run bundled build scripts to assemble them into a single static index.html file.
Building side-by-side code visualizations requires a data-driven rendering engine that compiles per-file JSON payloads into a static HTML shell, producing an interactive mentor rail walkthrough without manual HTML editing.
To scale a code walkthrough for more source files, you add a new data/*.json file for each source file and execute a rebuild, which automatically injects the updated CV_DATA and CV_META into the single output HTML.
Yes, the walkthrough rendering engine supports optional diff and comment rendering modes, allowing you to visualize code changes and annotations directly within the generated side-by-side HTML explainer.
The generation process enforces an accuracy policy that requires claims to be explicitly marked as certain or inferred, ensuring truthfulness and clear boundaries between factual explanations and inferred logic.
You should avoid using single HTML walkthrough generation for deep architectural reviews, as this tool focuses strictly on explanation and visualization while delegating deep review tasks to review-oriented skills.
TreasoniAnalyze Word templates to extract placeholders and generate validated JSON context.
koseki2580Build side-by-side HTML walkthroughs from unified diffs explaining PR changes before→after.
xinbenlvTriage GitHub PRs and route code review tasks to specialist skills.
tharunramagiriCreate and manage Mermaid diagrams via command-line interface with JSON output.