List of MicroSims for Claude Skills

Interactive Micro Simulations to help students learn intelligent textbook development fundamentals.

• Adding Taxonomy Workflow

  

  Interactive Mermaid visualization showing the complete workflow for adding taxonomy categorization to a learning graph CSV file.

• Average Dependencies Distribution

  

  Interactive histogram visualizing the distribution of prerequisite counts across all concepts in a learning graph.

• Book Build Workflow

  

  Interactive workflow diagram illustrating the complete process for building an intelligent textbook from course description through final metrics.

• Book Levels MicroSim

  

  Interactive p5.js visualization showing the five levels of intelligent textbooks from static to autonomous AI.

• Certificate Generator

  

  Interactive tool to generate and print professional certificates of completion for course graduates.

• Chapter Content Generation Timeline

  

  Interactive timeline showing the 8 sequential stages of chapter content generation from validation through reporting.

• Chapter Index Structure

  

  Mermaid diagram showing the structure of a chapter index.md file including YAML frontmatter and required sections.

• Chapter Organization Workflow

  

  Mermaid diagram illustrating the decision tree for organizing chapter content with validation loops for concept dependencies.

• Claude Code Memory Layers

  

  Interactive infographic showing the five memory layers in Claude Code and how higher-priority rules override lower-priority ones.

• Claude Code Timeline

  

  Interactive timeline chronicling 52 pivotal moments in AI history from the Perceptron in 1957 to Claude Skills in 2025.

• Claude Code T-Shirt Design

  

  T-shirt design showcasing the workflow from course description to 500-page textbook using Claude Code Skills.

• Color Wheel with Named Colors

  

  Interactive color wheel displaying over 80 web-safe named colors positioned by hue and saturation values.

• Cover Image Generation Workflow

  Interactive decision tree flowchart showing the workflow for generating book cover images based on available resources (API key, billing, ChatGPT Pro, OS).

• Concept Length Histogram

  

  Interactive Chart.js visualization analyzing the length distribution of all 200 concept labels in the learning graph.

• Course Description Quality Workflow

  

  Interactive p5.js workflow diagram showing how course description quality has exponential impacts on textbook generation.

• FAQ Pattern Analysis

  

  Mermaid diagram showing the workflow for analyzing and validating FAQ question patterns in intelligent textbooks.

• Git Workflow for Skill Development

  

  Mermaid diagram illustrating the Git version control workflow for developing Claude skills.

• Graph Color Test

  

  Interactive visualization testing 17 pastel web-safe colors for differentiating nodes in a learning graph.

• Install Book Environment

  

  Interactive dependency graph showing all software components required for intelligent textbook development.

• Learning Graph JSON Schema

  

  Mermaid tree diagram showing the structure of the learning graph JSON format for vis-network visualization.

• Learning Graph Viewer

  

  Interactive vis-network visualization with search, taxonomy legend controls, and real-time graph statistics.

• Linear Chain vs Network

  

  Side-by-side comparison of poor (linear chain) and good (networked) learning graph structures.

• Major World Cities Map

  

  Interactive Leaflet map showcasing ten major cities across different continents with click-to-view details.

• MicroSim File Relationship Diagram

  

  Block diagram showing how index.md, main.html, and metadata.json relate within the MkDocs architecture.

• MkDocs Build Process

  

  Mermaid diagram showing the complete MkDocs build pipeline from markdown source to generated HTML.

• MkDocs GitHub Pages Deployment

  

  Interactive diagram showing the complete workflow from local markdown editing to published GitHub Pages site.

• Orphaned Nodes Identification

  

  Interactive scatter plot visualizing concept connectivity patterns to identify foundational and orphaned concepts.

• p5.js Architecture

  

  Mermaid diagram illustrating the p5.js setup(), draw() loop, and event handler execution model.

• Security Zones Diagram

  

  Mermaid diagram showing the three concentric security zones in the Claude skills architecture.

• Sine Function Visualization

  

  Interactive Plotly.js plot of the sine function with slider control to explore points along the curve.

• Skill Context Window

  

  Interactive p5.js visualization of the three-level progressive disclosure system in Claude Skills.

• Skill Development Priority Matrix

  

  Interactive bubble chart visualizing priority matrix for skill development based on impact versus effort.

• Skill Directory Structure

  

  Mermaid file tree diagram showing the standard directory structure for Claude skills.

• Skill Installation Workflow

  

  Interactive timeline showing the step-by-step process for installing Claude skills using symlinks.

• Taxonomy Distribution Pie Chart

  

  Interactive pie chart visualizing how 200 concepts are distributed across 8 taxonomy categories.

• Terminal Workflow for Textbook Development

  

  Complete terminal command sequence for developing, validating, and deploying intelligent textbook content.

• Three-Color DFS Cycle Detection

  

  Interactive vis-network visualization demonstrating the three-color DFS algorithm for detecting cycles in learning graphs.