Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
Visual Explainer generates standalone HTML pages to illustrate systems, architecture overviews, and data structures. It helps developers and architects move beyond terminal ASCII by rendering complex diff reviews, project recaps, and comparison tables into a browser-ready format.
The skill is designed for scenarios where visual clarity is essential, such as reviewing execution plans or creating slide decks from technical documentation.
WHO IT'S FOR
Technical leads / architects
creating architecture overviews and system diagrams
Software engineers
conducting diff reviews and code change audits
Project managers
generating project recaps and comparison tables
AI agent / automation builders
integrating visual output capabilities into AI workflows
Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.
Installs: visual-explainer skill, installed globally or in one workspace · Antigravity CLI
Before you start
Antigravity CLI
A local checkout containing plugins/visual-explainer/
A browser for viewing generated HTML
Manually copy the checkout's plugins/visual-explainer/ directory to ~/.gemini/antigravity-cli/skills/visual-explainer for global use, or to .agents/skills/visual-explainer for the current workspace.
Installs: visual-explainer skill, installed globally or in one workspace · Cursor
Before you start
Cursor
A local checkout containing plugins/visual-explainer/
A browser for viewing generated HTML
Manually copy the checkout's plugins/visual-explainer/ directory to ~/.cursor/skills/visual-explainer for global use, or to .cursor/skills/visual-explainer for the current workspace.
Replace <AUTH_SOURCE_PATH> with the repository path containing the authentication implementation or documentation.
A browser to view the generated HTML.
Use the visual-explainer skill to create a self-contained HTML diagram of our authentication flow. First inspect the relevant authentication code or documentation at <AUTH_SOURCE_PATH>, treat that path as the source of truth, and keep the first result focused on the main actors, decision points, and success/failure paths.
Replace <DIFF_SOURCE> with a diff file, commit range, or other locally available diff source.
A browser to view the generated HTML.
Use the visual-explainer skill to review the code diff at <DIFF_SOURCE>. Create a focused self-contained HTML explanation of the important changes, affected components, and notable risks; keep the chat response to a short summary.
Replace <PLAN_PATH> with the plan document's path.
Replace <REQUIREMENTS_PATH> with the requirements document or directory path.
A browser to view the generated HTML.
Use the visual-explainer skill to review <PLAN_PATH> against the requirements in <REQUIREMENTS_PATH>. Produce a self-contained HTML comparison that highlights covered requirements, gaps, and conflicts, with a short chat summary.
Claude
Codex
Cursor
Gemini CLI
OpenClaw
Copilot
OpenCode
Antigravity