# Details Tag Content Analysis > This report analyzes all tags (both old and new markdown="1" format) in the textbook chapters to categorize visualization types and prioritize skill development. - Skill: `tools-only/details-tag-content-analysis` (Agent Skill, multi-file: 3 files) - Install (CLI): `npx skillmds@latest add tools-only/details-tag-content-analysis` - Raw SKILL.md: https://api.skillmd.com/api/skills/tools-only/details-tag-content-analysis/raw - Safety review: pending (external: skill-scanner PASS, skillspector PASS) - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Coding & Dev Tools - Author: tools-only (https://skillmd.com/u/tools-only) - Updated: 2026-09-29 - Page: https://skillmd.com/skills/tools-only/details-tag-content-analysis --- # Details Tag Content Analysis This report analyzes all `
` tags (both old and new `markdown="1"` format) in the textbook chapters to categorize visualization types and prioritize skill development. ## Summary Statistics - **Total `
` tags:** 76 - **Unique visualization types:** 9 ## Visualization Type Distribution | Type | Count | Percentage | |------|-------|------------| | diagram | 23 | 30.3% | | workflow | 16 | 21.1% | | infographic | 11 | 14.5% | | chart | 9 | 11.8% | | microsim | 8 | 10.5% | | markdown-table | 4 | 5.3% | | timeline | 3 | 3.9% | | unknown | 1 | 1.3% | | graph-model | 1 | 1.3% | ## Priority Matrix for Skill Development Prioritization based on **Impact** (frequency of use) vs. **Effort** (similarity to existing MicroSims). ### Priority Scores | Rank | Type | Count | Impact (0-10) | Effort (0-10) | Priority Score | Status | |------|------|-------|---------------|---------------|----------------|--------| | 1 | **microsim** | 8 | 3.5 | 0 | 3.48 | ✅ Exists | | 2 | **diagram** | 23 | 10 | 4 | 2.5 | 🔨 Build | | 3 | **infographic** | 11 | 4.8 | 2 | 2.39 | 🔨 Build | | 4 | **workflow** | 16 | 7.0 | 6 | 1.16 | 🔨 Build | | 5 | **chart** | 9 | 3.9 | 5 | 0.78 | 🔨 Build | | 6 | **graph-model** | 1 | 0.4 | 1 | 0.43 | 🔨 Build | | 7 | **markdown-table** | 4 | 1.7 | 5 | 0.35 | 🔨 Build | | 8 | **timeline** | 3 | 1.3 | 7 | 0.19 | 🔨 Build | | 9 | **unknown** | 1 | 0.4 | 5 | 0.09 | 🔨 Build | ### Interpretation - **Impact**: Higher values indicate more instances of this visualization type across chapters - **Effort**: Higher values indicate more development effort required (less similar to existing MicroSims) - **Priority Score**: Impact/Effort ratio - higher scores suggest better ROI for skill development ## Visual Priority Matrix ``` Impact (Frequency) ↑ 10 │ 9 │ 8 │ 7 │ 6 │ 5 │ 4 │ 3 │ 2 │ 1 │ 0 └──────────────────────────────────────────────────→ Effort (Dissimilarity) 0 1 2 3 4 5 6 7 8 9 10 [0, 3]: microsim (n=8) [4, 10]: diagram (n=23) [2, 4]: infographic (n=11) [6, 7]: workflow (n=16) [5, 3]: chart (n=9) [1, 0]: graph-model (n=1) [5, 1]: markdown-table (n=4) [7, 1]: timeline (n=3) [5, 0]: unknown (n=1) ``` ### Quadrant Analysis **High Impact, Low Effort (Priority 1):** - **diagram** (Impact: 10, Effort: 4, Count: 23) **High Impact, High Effort (Priority 2):** - **workflow** (Impact: 7.0, Effort: 6, Count: 16) **Low Impact, Low Effort (Priority 3):** - **microsim** (Impact: 3.5, Effort: 0, Count: 8) - **infographic** (Impact: 4.8, Effort: 2, Count: 11) - **chart** (Impact: 3.9, Effort: 5, Count: 9) - **graph-model** (Impact: 0.4, Effort: 1, Count: 1) - **markdown-table** (Impact: 1.7, Effort: 5, Count: 4) - **unknown** (Impact: 0.4, Effort: 5, Count: 1) **Low Impact, High Effort (Priority 4):** - **timeline** (Impact: 1.3, Effort: 7, Count: 3) ## Detailed Breakdown by Type ### Diagram (23 instances) **Chapter:** Introduction to AI and Intelligent Textbooks **Summary:** Transformer Architecture Diagram **Purpose:** Illustrate the key components of the transformer architecture underlying LLMs --- **Chapter:** Introduction to AI and Intelligent Textbooks **Summary:** Five Levels of Textbook Intelligence Visual Model **Purpose:** Illustrate the progression from static to AI-powered textbooks with cumulative capabilities --- **Chapter:** Getting Started with Claude and Skills **Summary:** Skill File Anatomy Diagram **Purpose:** Illustrate the structure of a SKILL.md file with labeled components --- **Chapter:** Getting Started with Claude and Skills **Summary:** Skill Installation Locations and Priority **Purpose:** Show where skills can be installed and which location takes precedence --- **Chapter:** Course Design and Educational Theory **Summary:** Topic-to-Concept Expansion Example **Purpose:** Illustrate how main topics expand into concept enumerations in learning graphs --- **Chapter:** Course Design and Educational Theory **Summary:** Bloom's Taxonomy 1956 vs 2001 Comparison **Purpose:** Show the structural differences between original and revised taxonomies --- **Chapter:** Course Design and Educational Theory **Summary:** Lower-Order vs Higher-Order Thinking Skills **Purpose:** Show the division between lower-order (Remember, Understand, Apply) and higher-order (Analyze, Evaluate, Create) cognitive skills --- **Chapter:** Introduction to Learning Graphs **Summary:** Dependency Pattern Examples **Purpose:** Illustrate common patterns of dependencies in learning graphs --- **Chapter:** Introduction to Learning Graphs **Summary:** DAG vs Cyclic Graph Comparison **Purpose:** Contrast valid DAG learning graph with invalid cyclic graph --- **Chapter:** Concept Enumeration and Dependencies **Summary:** Concept Granularity Spectrum Visualization **Purpose:** Illustrate the spectrum from too coarse to too fine with examples --- **Chapter:** Learning Graph Quality and Validation **Summary:** DAG Validation Algorithm Visualization **Purpose:** Illustrate the three-color DFS algorithm used for cycle detection in learning graphs --- **Chapter:** Learning Graph Quality and Validation **Summary:** Linear Chain vs Network Structure Comparison **Purpose:** Compare linear chain structure (poor) with network structure (good) for learning graphs --- **Chapter:** Taxonomy and Data Formats **Summary:** Learning Graph JSON Schema Diagram **Purpose:** Visualize the hierarchical structure of the learning graph JSON format --- **Chapter:** Taxonomy and Data Formats **Summary:** CSV to JSON Conversion Mapping Diagram **Purpose:** Show how CSV columns map to JSON structure during conversion --- **Chapter:** Taxonomy and Data Formats **Summary:** Python Learning Graph Processing Pipeline **Purpose:** Show the complete data flow from CSV creation through JSON visualization --- **Chapter:** Claude Skills Architecture and Development **Summary:** Skill Directory Structure Diagram **Purpose:** Illustrate the standard directory organization for a Claude Skill --- **Chapter:** Claude Skills Architecture and Development **Summary:** Security Zones Diagram **Purpose:** Illustrate the security boundaries and permission levels for skill execution --- **Chapter:** Content Creation Workflows **Summary:** Chapter Index File Structure Diagram **Purpose:** Visualize the hierarchical structure and required elements of a chapter index.md file --- **Chapter:** Interactive Elements and MicroSims **Summary:** p5.js Architecture and Execution Model **Purpose:** Illustrate the execution flow of a p5.js sketch and how setup, draw, and event handlers interact --- **Chapter:** Interactive Elements and MicroSims **Summary:** MicroSim File Relationship Diagram **Purpose:** Show how the three core MicroSim files relate to each other and integrate into the MkDocs textbook --- **Chapter:** Interactive Elements and MicroSims **Summary:** Basic MicroSim Template Structure **Purpose:** Show the HTML structure and organization of a typical main.html file --- **Chapter:** Development Tools, Version Control, and Deployment **Summary:** VS Code Interface Layout for Textbook Development **Purpose:** Show the VS Code interface configured for intelligent textbook authoring --- **Chapter:** Development Tools, Version Control, and Deployment **Summary:** Skill Installation Workflow Diagram **Purpose:** Show the relationship between project skills directory, global skills directory, and Claude Code's skill discovery --- ### Workflow (16 instances) **Chapter:** Introduction to AI and Intelligent Textbooks **Summary:** Claude Code Workflow Diagram **Purpose:** Show how Claude Code integrates with development environment for textbook creation --- **Chapter:** Introduction to AI and Intelligent Textbooks **Summary:** Prompt Engineering Iterative Refinement Workflow **Purpose:** Show the iterative process of developing effective prompts for educational content generation --- **Chapter:** Getting Started with Claude and Skills **Summary:** Skill Invocation and Execution Lifecycle **Purpose:** Illustrate what happens when a skill is invoked from command to completion --- **Chapter:** Getting Started with Claude and Skills **Summary:** Skills vs Commands Decision Tree **Purpose:** Help users decide whether to create a skill or command for their use case --- **Chapter:** Course Design and Educational Theory **Summary:** Course Description Quality Impact on Workflow **Purpose:** Show how course description quality affects subsequent skill outputs --- **Chapter:** Introduction to Learning Graphs **Summary:** Dependency Mapping Decision Tree **Purpose:** Guide users in determining whether concept A should be prerequisite to concept B --- **Chapter:** Concept Enumeration and Dependencies **Summary:** Topic-to-Concept Expansion Process **Purpose:** Show how a single course topic expands into multiple atomic concepts --- **Chapter:** Concept Enumeration and Dependencies **Summary:** Dependency Mapping Workflow **Purpose:** Show step-by-step process for mapping concept dependencies --- **Chapter:** Taxonomy and Data Formats **Summary:** Adding Taxonomy to CSV Workflow Diagram **Purpose:** Show the step-by-step process of adding taxonomy information to an existing learning graph CSV --- **Chapter:** MkDocs Platform and Documentation **Summary:** MkDocs Build Process Workflow Diagram **Purpose:** Illustrate the MkDocs build pipeline from source markdown to deployed HTML site --- **Chapter:** MkDocs Platform and Documentation **Summary:** MkDocs GitHub Pages Deployment Workflow **Purpose:** Show the complete workflow from local markdown editing to published GitHub Pages site --- **Chapter:** Claude Skills Architecture and Development **Summary:** Skill Testing Workflow Diagram **Purpose:** Show the iterative process of skill development, testing, and refinement --- **Chapter:** Claude Skills Architecture and Development **Summary:** Git Workflow for Skill Development **Purpose:** Illustrate the typical Git workflow for developing and publishing a skill --- **Chapter:** Content Creation Workflows **Summary:** Chapter Organization Workflow Diagram **Purpose:** Illustrate the decision-making process for organizing content within a chapter --- **Chapter:** Educational Resources and Assessment **Summary:** FAQ Question Pattern Analysis Workflow **Purpose:** Illustrate the systematic process of identifying common student questions from course materials and learning analytics --- **Chapter:** Development Tools, Version Control, and Deployment **Summary:** Terminal Workflow for Textbook Development **Purpose:** Illustrate the typical terminal command sequence for developing and deploying textbook content --- ### Infographic (11 instances) **Chapter:** Course Design and Educational Theory **Summary:** Course Description Quality Rubric Visualization **Purpose:** Present the quality scoring rubric in visual, interactive format --- **Chapter:** Concept Enumeration and Dependencies **Summary:** Concept Label Quality Checklist **Purpose:** Provide visual checklist for validating concept labels --- **Chapter:** Taxonomy and Data Formats **Summary:** Dublin Core Metadata Field Reference Card **Purpose:** Create a visual reference guide for all Dublin Core metadata fields used in learning graphs --- **Chapter:** MkDocs Platform and Documentation **Summary:** Material Theme Features Interactive Comparison **Purpose:** Compare standard MkDocs theme with Material theme features through interactive panels --- **Chapter:** MkDocs Platform and Documentation **Summary:** Admonition Types Interactive Reference **Purpose:** Demonstrate all admonition types with interactive examples showing both syntax and rendered output --- **Chapter:** Claude Skills Architecture and Development **Summary:** Skill Package Contents Checklist **Purpose:** Provide visual checklist of all components in a well-packaged skill --- **Chapter:** Content Creation Workflows **Summary:** Worked Example: Determining Reading Level from Course Description **Purpose:** Provide an interactive worked example showing the systematic process of analyzing a course description to determine appropriate reading level --- **Chapter:** Content Creation Workflows **Summary:** ISO 11179 Principles Comparison Table Infographic **Purpose:** Create an interactive comparison showing examples of definitions that violate vs. comply with each ISO 11179 principle --- **Chapter:** Educational Resources and Assessment **Summary:** Command-Line Interface Basics Interactive Infographic **Purpose:** Provide visual guide to terminal components, command syntax, and common operations for educators new to CLI workflows --- **Chapter:** Interactive Elements and MicroSims **Summary:** MicroSim Design Quality Checklist **Purpose:** Provide a visual, interactive checklist for evaluating educational simulation design quality --- **Chapter:** Development Tools, Version Control, and Deployment **Summary:** Permission Bits Visual Infographic **Purpose:** Explain Unix file permission system with visual representation of permission bits --- ### Chart (9 instances) **Chapter:** Introduction to AI and Intelligent Textbooks **Summary:** Interactive Learning Element Types Comparison **Purpose:** Show the relative engagement impact of different interactive element types --- **Chapter:** Getting Started with Claude and Skills **Summary:** Iterative Prompt Refinement Metrics **Purpose:** Show how prompt quality improves across refinement iterations --- **Chapter:** Course Design and Educational Theory **Summary:** Bloom's Taxonomy Application Distribution in Quality Courses **Purpose:** Show recommended distribution of learning outcomes across cognitive levels --- **Chapter:** Concept Enumeration and Dependencies **Summary:** Concept Count by Course Duration **Purpose:** Show appropriate concept counts for different course lengths --- **Chapter:** Concept Enumeration and Dependencies **Summary:** Concept Depth Distribution Analysis **Purpose:** Show how concept depth (number of dependencies) progresses from foundational to advanced --- **Chapter:** Learning Graph Quality and Validation **Summary:** Orphaned Nodes Identification Chart **Purpose:** Visualize concept connectivity by showing indegree vs outdegree for all concepts, highlighting orphaned nodes --- **Chapter:** Learning Graph Quality and Validation **Summary:** Average Dependencies Distribution Bar Chart **Purpose:** Show distribution of prerequisite counts across all concepts in the learning graph --- **Chapter:** Learning Graph Quality and Validation **Summary:** Taxonomy Distribution Pie Chart **Purpose:** Visualize the distribution of 200 concepts across taxonomy categories --- **Chapter:** Educational Resources and Assessment **Summary:** Bloom's Taxonomy Distribution Analyzer Chart **Purpose:** Visualize the distribution of quiz questions across Bloom's Taxonomy levels to ensure balanced cognitive demand and identify potential assessment gaps --- ### Microsim (8 instances) **Chapter:** Learning Graph Quality and Validation **Summary:** Learning Graph Quality Score Calculator MicroSim **Learning Objective:** Allow students to experiment with how different graph characteristics affect overall quality score --- **Chapter:** Taxonomy and Data Formats **Summary:** Color Accessibility Checker MicroSim **Learning Objective:** Demonstrate WCAG contrast ratio requirements and help users select accessible color combinations --- **Chapter:** MkDocs Platform and Documentation **Summary:** Git Branching and Merging Visualization MicroSim **Learning Objective:** Demonstrate how Git branches enable parallel development and how merges combine work from different branches --- **Chapter:** Content Creation Workflows **Summary:** Interactive Exercise Generator MicroSim **Learning Objective:** Allow learners to practice identifying appropriate reading levels for different course descriptions, receiving immediate feedback --- **Chapter:** Educational Resources and Assessment **Summary:** Interactive Quiz Question Constructor MicroSim **Learning Objective:** Enable students to practice constructing effective multiple-choice questions by experimenting with stems, keys, and distractors while receiving real-time feedback on design quality --- **Chapter:** Interactive Elements and MicroSims **Summary:** Responsive Iframe Embedding MicroSim **Learning Objective:** Demonstrate how iframe embedding works and how responsive wrappers adapt to different viewport sizes --- **Chapter:** Interactive Elements and MicroSims **Summary:** Algorithm Visualization with Step Controls MicroSim **Learning Objective:** Demonstrate how button controls enable step-by-step exploration of algorithms, using bubble sort as an example --- **Chapter:** Development Tools, Version Control, and Deployment **Summary:** Interactive Directory Navigation Practice MicroSim **Learning Objective:** Practice Bash directory navigation commands in a simulated filesystem without risk of breaking a real project --- ### Markdown-Table (4 instances) **Chapter:** Getting Started with Claude and Skills **Summary:** Skill Permission Matrix **Purpose:** Show which tools different skill types typically require --- **Chapter:** Concept Enumeration and Dependencies **Summary:** Concept Label Length Optimization **Purpose:** Show before/after examples of optimizing overlength labels --- **Chapter:** Concept Enumeration and Dependencies **Summary:** CSV File Format Example with Validation **Purpose:** Show correct and incorrect CSV formatting --- **Chapter:** Concept Enumeration and Dependencies **Summary:** ConceptID vs ConceptLabel Comparison **Purpose:** Contrast the roles and properties of ConceptID vs ConceptLabel --- ### Timeline (3 instances) **Chapter:** Getting Started with Claude and Skills **Summary:** 4-Hour Token Window Visualization **Purpose:** Show how token usage and regeneration works over time --- **Chapter:** Introduction to Learning Graphs **Summary:** Token Consumption Timeline for Complete Textbook Project **Purpose:** Show typical token consumption across complete intelligent textbook project lifecycle --- **Chapter:** Content Creation Workflows **Summary:** Content Generation Process Timeline --- ### Unknown (1 instances) **Chapter:** Introduction to AI and Intelligent Textbooks **Summary:** Evolution of AI Approaches Timeline --- ### Graph-Model (1 instances) **Chapter:** Introduction to Learning Graphs **Summary:** Learning Graph Structure Visualization **Purpose:** Illustrate the node-edge structure of a learning graph with sample concepts --- ## Recommendations Based on the priority analysis, focus on developing skills for: 1. **diagram** - 23 instances, priority score 2.5 - Example: Transformer Architecture Diagram 2. **infographic** - 11 instances, priority score 2.39 - Example: Course Description Quality Rubric Visualization 3. **workflow** - 16 instances, priority score 1.16 - Example: Claude Code Workflow Diagram