dashboard-generator

Generate a React dashboard visualizing knowledge graphs, curriculum progress, and metrics from JSON.

2|Updated Mar 9, 2026
One-click install
npx skills add https://github.com/NetRxn/learn-anything --skill dashboard-generator
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: dashboard-generator
Source: https://github.com/NetRxn/learn-anything/tree/main/learn-anything-plugin/skills/dashboard-generator
Command: npx skills add https://github.com/NetRxn/learn-anything --skill dashboard-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a dynamic, visual representation of your learning progress, knowledge graph, and upcoming tasks, serving as your central hub for skill acquisition.

Core Features & Use Cases

  • Interactive Knowledge Graph: Visualize the relationships between concepts with mastery overlays.
  • Curriculum Roadmap: Track your progress through learning modules and milestones.
  • Key Metrics: Monitor actual learning progress with metrics like retention rate and mastery levels.
  • Session History: Review past learning sessions and their outcomes.
  • Upcoming Agenda: See what's next in your learning path.
  • Use Case: After a training session, the dashboard updates to show your increased mastery in a specific area and highlights the next concepts you need to learn.

Quick Start

Generate the React dashboard artifact for the current learning skill.

Frequently Asked Questions about dashboard-generator

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

FAQPage Schema
How do I visualize a learning knowledge graph and curriculum progress?

You can visualize a learning knowledge graph and curriculum progress by generating a React dashboard artifact that processes structured JSON inputs detailing mastery overlays, the learning plan, and progress data.

Can I track learning retention rate and mastery levels in a single dashboard?

Yes, you can track learning retention rate and mastery levels in a single dashboard that displays interactive knowledge graphs, curriculum roadmaps, and performance metrics as a visual home base.

What JSON structure do I need to generate a learning progress dashboard?

To generate a learning progress dashboard, you need structured JSON inputs detailing the knowledge graph with mastery overlay, the learning plan, and progress data to render the visual components.

How does a knowledge graph dashboard show what concepts I need to learn next?

A knowledge graph dashboard shows what concepts you need to learn next by processing progress data to highlight upcoming agenda items and updating mastery overlays after training sessions.

Does this curriculum roadmap visualization work within a Claude Project?

Yes, this curriculum roadmap visualization works within a Claude Project, serving as a visual home base that renders interactive knowledge graphs and session history as React artifacts.

What is the best way to review past learning sessions and their outcomes?

The best way to review past learning sessions is to use a dashboard artifact that logs session history and outcomes alongside your curriculum roadmap and key performance metrics.