visual
Generates a single-page interactive HTML visualization for branch recaps, architecture plans, or codebase dependency maps.
Skill by gnanesh-16
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/gnanesh-16-visual
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: frontend, data
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
- Runs as
- Python package
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/visual
What's inside
- Skill name
visual- Description
- Generates a single-page interactive HTML visualization for branch recaps, architecture plans, or codebase dependency maps.
- License
- MIT
- Instructions
- 11 lines in SKILL.md · view on GitHub
Before installing
- Ships executable scripts
Files (3)
- README.md
- SKILL.md
- visual.py · scripts/
SKILL.md (first lines)
# `/visual` — Interactive Codebase Visualizer Generates a standalone, beautiful HTML report with interactive diagrams, pan/zoom canvas, and dark/light mode toggles. ## Modes - `/visual recap`: Visual summary of commits, diffs, and proof of tests on the current branch. - `/visual plan`: Dependency graph of planned waves and tasks. - `/visual path`: Interactive codebase map showing module relationships.
From gnanesh-16/TSGF, MIT.
More from gnanesh-16/TSGF
- 0.567score
tsgf-collect
gnanesh-16
Autonomous problem collector.
SkillAFreshness: AClaude Code +9 - 0.567score
tsgf
gnanesh-16
Master orchestrator for TSGF.
SkillAFreshness: AClaude Code +9 - 0.561score
tsgf-qa
gnanesh-16
Lane 2 QA Tester worker.
SkillAFreshness: AClaude Code +9 - 0.561score
tsgf-review
gnanesh-16
Lane 3 Reviewer worker.
SkillAFreshness: AClaude Code +9 - 0.561score
tsgf-build
gnanesh-16
Lane 1 Builder worker.
SkillAFreshness: AClaude Code +9 - 0.558score
ui-refine-loop
gnanesh-16
Critique and refine loop that iterates on one frontend page or UI component to achieve premium visual quality.
SkillAFreshness: AClaude Code +9 - 0.556score
tsgf-sync
gnanesh-16
Safe git synchronizer.
SkillAFreshness: AClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Oct 20, 2026 (9 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- Repository
- github.com/gnanesh-16/TSGF
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from gnanesh-16
- 0.567score
tsgf-collect
gnanesh-16
Autonomous problem collector.
SkillAFreshness: AClaude Code +9 - 0.567score
tsgf
gnanesh-16
Master orchestrator for TSGF.
SkillAFreshness: AClaude Code +9 - 0.561score
tsgf-qa
gnanesh-16
Lane 2 QA Tester worker.
SkillAFreshness: AClaude Code +9 - 0.561score
tsgf-review
gnanesh-16
Lane 3 Reviewer worker.
SkillAFreshness: AClaude Code +9 - 0.561score
tsgf-build
gnanesh-16
Lane 1 Builder worker.
SkillAFreshness: AClaude Code +9 - 0.558score
ui-refine-loop
gnanesh-16
Critique and refine loop that iterates on one frontend page or UI component to achieve premium visual quality.
SkillAFreshness: AClaude Code +9
Cite this page
visual skill. Agent Mart. https://agentmart.dev/skills/gnanesh-16-visual (last updated 2026-10-24)