Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
Renders an OKF bundle as a self-contained interactive HTML graph with colored/sized nodes, markdown link edges, a wiki-style detail panel, layout switching, filtering, and search.
How this skill is triggered — by the user, by Claude, or both
Slash command
/okf:visualize [bundle-dir] [-o viz.html][bundle-dir] [-o viz.html]This skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
Generate a self-contained HTML graph of the target bundle (default the project's
Generate a self-contained HTML graph of the target bundle (default the project's
.okf/). No backend, no install on the viewing side, no data leaves the page.
uv run "${CLAUDE_SKILL_DIR}/scripts/okf_visualize.py" $ARGUMENTS
If uv is unavailable:
python3 -m pip install --quiet pyyaml && \
python3 "${CLAUDE_SKILL_DIR}/scripts/okf_visualize.py" $ARGUMENTS
The output defaults to <bundle>/viz.html. Pass -o <path> to write elsewhere.
Open it in any browser; ${CLAUDE_SKILL_DIR} resolves whether this runs as part
of the okf plugin or as a standalone skills.sh skill.
npx claudepluginhub scaccogatto/okf-skills --plugin okfCreate HTML visualizations from repository documentation, markdown files, plan folders, and user context. Generates maps, flows, diagrams, and recommendation views using Mermaid and custom CSS.
Renders a wiki's pages, sources, claims, seed queue, link graph, and full-text search into a single self-contained HTML file. Use after research runs, before sharing, or for audits.
Generates visual artifacts: diagrams, slide decks, diff visualizations, and plan-rendering HTML in markdown or self-contained format. For explaining code, architecture, or git diffs without a live server.