code visualization skills

wlsdks/ontology-atlas

Skill Claude CodeCodex

Build UI from this repository's primitives and ramps in a deterministic order, then prove the rendered result with the matching instruments and gates.

wlsdks/ontology-atlas

Skill Claude CodeCodex

Build a trustworthy first ontology from an empty or near-empty ontology-atlas vault using only Atlas MCP evidence. Use when the user asks to analyze a codebase, bootstrap/fill its ontology, extract product meaning from a repository, or when a requested ontology task finds only starter nodes. Separate observed…

wlsdks/ontology-atlas

Skill Claude CodeCodex

Measure whether Atlas actually works on a repository nobody here knows, by building a vault with a real MCP agent and then handing that vault — without the source — to a second agent who must answer questions from it alone. Use when changing the construction rules, the MCP read/write contract, the bootstrap skill, or…

naorsabag/openhop

Skill Claude CodeCodex

Render an interactive step-by-step diagram of a specific system, feature, codebase, workflow, pipeline, user journey, architecture, idea, or proposed solution using OpenHop. Use this skill whenever the user wants to understand, explain, describe, walk through, trace, diagram, or visualize a sequence of named hops…

YuLaiZ/interactive-code-map

Skill Claude CodeCodex

Turn a codebase directory and a business question into a single interactive HTML code map, or turn a described non-code business process into the same evidence-backed map. Use when the user asks to explain, map, or visualize code flows, architecture, modules, data models, or a business process.

AjinkyaDeshmukh1990/code-to-flowchart

Skill Claude CodeCodex

Convert a function, method, or service's control flow — in any programming language — into a Mermaid flowchart diagram. Use when the user wants to visualize code logic, map a control flow, turn a method into a diagram, or understand a complex/branchy function visually.

tmdry4530/code-flow

Skill Claude CodeCodex

Open the code-flow dashboard — visualizes what the coding agent changed in this project (timeline, diffs, explanations). Use when the user runs /code-flow:flow or asks to see the code-flow dashboard.

savagemechanic/nerd

Skill Claude CodeCodex

Explains any code, system, or flow as ASCII flowcharts that expose the fundamental data structures and algorithms underneath. Use /skill:nerd to get a bird's-eye-view map of how something works, then zoom into any specific algorithm or data structure for a deeper breakdown. Strips jargon, shows the actual machine …

GhostlyGawd/codeweb

Skill Claude CodeCodex

Cut and publish a codeweb release end-to-end — prep the version/changelog file ecosystem, land it on main, push the vX.Y.Z tag, and let the tag-triggered workflow publish the GitHub Release. Use when asked to "cut a release", "tag a release", "publish vX.Y.Z", "do the release", or "ship version X".

GhostlyGawd/codeweb

Skill Claude CodeCodex

Dissect a codebase to atomic nodes (functions, classes, symbols), wire the call/import web, tag each node's domain, and build a cross-domain overlap graph that ranks consolidation/de-duplication opportunities, then render an interactive HTML map. Use to restructure your own codebase into well-defined non-duplicative…