install-learning-graph-viewer

Install an interactive vis.js learning graph viewer into MkDocs textbooks.

Updated Apr 21, 2026
One-click install
npx skills add https://github.com/HuuBar/skill-routing-experiment --skill install-learning-graph-viewer-huubar
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: install-learning-graph-viewer
Source: https://github.com/HuuBar/skill-routing-experiment/tree/main/unified_skills/vishal/install-learning-graph-viewer
Command: npx skills add https://github.com/HuuBar/skill-routing-experiment --skill install-learning-graph-viewer-huubar

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

This skill installs an interactive learning graph viewer application into an intelligent textbook project. Use this skill when working with a textbook that has a learning-graph.json file and needs a visual, interactive graph exploration tool with search, filtering, and statistics capabilities.

Core Features & Use Cases

  • Interactive graph viewer enables node search, taxonomy filtering, and real-time statistics to explore learning graphs within MkDocs-based textbooks.
  • Prerequisites: a /docs/learning-graph/learning-graph.json with metadata.title and MkDocs structure.
  • Use cases include exploring concept dependencies, filtering by taxonomy, and assessing graph completeness.

Quick Start

Copy the four essential asset files from the skill's assets directory to the target location, ensure the learning-graph.json exists, and open main.html to launch the viewer.

Frequently Asked Questions about install-learning-graph-viewer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I visualize a learning graph in a MkDocs project?

To visualize a learning graph in a MkDocs project, load a learning-graph.json file and render it using an interactive vis.js-based network viewer with search and filtering capabilities.

What is a learning graph viewer used for in a textbook workflow?

A learning graph viewer is used to explore concept dependencies, filter nodes by taxonomy, search specific concepts, and view real-time graph statistics within an interactive MkDocs textbook workflow.

Do I need a specific file structure to install an interactive learning graph viewer?

Yes, installing an interactive learning graph viewer requires a MkDocs-compatible project structure with a learning-graph.json file containing metadata, plus four asset files: main.html, script.js, local.css, and index.md.

How do I set up the interactive graph visualization assets?

To set up interactive graph visualization assets, copy the four essential files from the skill's assets directory to your target location, ensure learning-graph.json exists, and open main.html to launch the viewer.

Can I filter learning graph nodes by taxonomy and view statistics?

Yes, you can filter learning graph nodes by taxonomy and view real-time statistics to assess graph completeness and explore concept dependencies directly within the interactive vis.js-based network visualization.

Does the graph viewer support dynamic legend generation for taxonomy groups?

Yes, the graph viewer supports dynamic legend generation by using a groups configuration to style nodes, allowing distinct visual representation of different taxonomy categories within the learning graph network.