# Visual

Turn the current work into one polished, self-contained HTML visual page, a recap of a...

- Repository: https://github.com/EricTechPro/super-board (577 stars)
- Category: Git and review
- License: MIT
- Last updated: 2026-10-29
- Runs scripts: yes, review before use

## Install

Claude Code: `npx skills add EricTechPro/super-board --skill visual -g -a claude-code -y`
Codex: `npx skills add EricTechPro/super-board --skill visual -g -a codex -y`
Cursor: `npx skills add EricTechPro/super-board --skill visual -g -a cursor -y`
Gemini CLI: `npx skills add EricTechPro/super-board --skill visual -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add EricTechPro/super-board`

## Description

Turn the current work into one polished, self-contained HTML visual page, a recap of a branch's changes, a plan, a map of a folder, endpoint set, or architecture, or an interactive drill-down map of a skill pack or system (zoom, pan, click a node for details, double-click to open its inner view). Use when the user runs /visual or asks to visualise, picture, or visually recap a branch, PR, diff, plan, or part of a codebase, or to map a skill pack, its lanes, scripts, and hooks.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# /visual

One command, one page. You write a `data.json`; `scripts/visual.py render` injects it into `assets/template.html`, which draws everything inline (SVG diagrams, file map, diffs) with no build step and no runtime CDN. Paths below are relative to this skill's folder; run the script from inside the project being visualised.

## Pick the mode

An argument wins: `/visual recap [base]`, `/visual plan [file]`, `/visual map [skills-dir or map.json]`, `/visual <path or thing>` (explore).

With no argument, run `python3 scripts/visual.py detect` and take the first that holds:

1. A plan was drafted in this conversation and not yet built → **plan**, from that text.
2. `suggested` is `recap` (branch ahead of base, or uncommitted changes) → **recap**.
3. `planCandidates` is non-empty → **plan**, from the newest one.
4. Otherwise → **explore** the current folder.

Say the chosen mode and its source in one line, then keep going.

## Run it

The rest: https://github.com/EricTechPro/super-board/blob/HEAD/skills/visual/SKILL.md