diff --git a/Makefile b/Makefile
index 32b5dc6e..42278271 100644
--- a/Makefile
+++ b/Makefile
@@ -20,7 +20,8 @@ help:
 	@echo "  make test              - Run validation tests on test CSV"
 	@echo "  make format            - Check and fix code formatting with ruff"
 	@echo "  make format-check      - Check code formatting without fixing"
-	@echo "  make generate          - Generate README.md from CSV data"
+	@echo "  make generate          - Generate README.md from CSV data, and create SVG badges"
+	@echo "  make generate-w-toc    - Generate README.md from CSV data and create SVGs, incl. ToC"
 	@echo "  make update            - Run both process and validate"
 	@echo "  make download-resources - Download active resources from GitHub"
 	@echo "  make sort              - Sort resources by category, sub-category, and name"
@@ -101,6 +102,10 @@ generate: sort
 	@echo "Generating README.md from CSV data using template system..."
 	$(PYTHON) $(SCRIPTS_DIR)/generate_readme.py
 
+generate-w-toc: sort
+	@echo "Generating README.md with Table of Contents from CSV data..."
+	REGEN_TOC_ASSETS=1 $(PYTHON) $(SCRIPTS_DIR)/generate_readme.py
+
 # Update: process resources then validate links
 update: process validate
 	@echo "Update complete!"
diff --git a/README.md b/README.md
index 4cf51470..ef934d1f 100644
--- a/README.md
+++ b/README.md
@@ -102,7 +102,7 @@
 </a>
 </td>
 <td align="center">
-<a href="#workflows--knowledge-guides-">
+<a href="#workflows-knowledge-guides-">
 <picture>
   <source media="(prefers-color-scheme: dark)" srcset="assets/card-workflows.svg">
   <source media="(prefers-color-scheme: light)" srcset="assets/card-workflows-light-anim-lineprint.svg">
@@ -111,7 +111,7 @@
 </a>
 </td>
 <td align="center">
-<a href="#tooling--">
+<a href="#tooling-">
 <picture>
   <source media="(prefers-color-scheme: dark)" srcset="assets/card-tooling.svg">
   <source media="(prefers-color-scheme: light)" srcset="assets/card-tooling-light-anim-lineprint.svg">
@@ -169,7 +169,7 @@
 </a>
 </td>
 <td align="center">
-<a href="#official-documentation--">
+<a href="#official-documentation-">
 <picture>
   <source media="(prefers-color-scheme: dark)" srcset="assets/card-docs.svg">
   <source media="(prefers-color-scheme: light)" srcset="assets/card-docs-light-anim-lineprint.svg">
@@ -195,254 +195,286 @@
 
 <br>
 
-<div align="center">
+<div align="left">
 
-<!-- Directory Tree Terminal - Theme Adaptive -->
+<div style="overflow-x:auto;white-space:nowrap;text-align:left;">
+<div style="height:48px;width:400px;overflow:hidden;display:block;"><!-- Directory Tree Terminal - Theme Adaptive -->
 <picture>
   <source media="(prefers-color-scheme: dark)" srcset="assets/toc-header.svg">
   <source media="(prefers-color-scheme: light)" srcset="assets/toc-header-light-anim-scanline.svg">
-  <img src="assets/toc-header-light-anim-scanline.svg" alt="Directory Listing">
-</picture>
+  <img src="assets/toc-header-light-anim-scanline.svg" alt="Directory Listing" height="48" style="height:48px;max-width:none;">
+</picture></div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
 <a href="#agent-skills-">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-row-skills.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-row-skills-light-anim-scanline.svg">
-    <img src="assets/toc-row-skills-light-anim-scanline.svg" alt="Agent Skills">
+    <img src="assets/toc-row-skills-light-anim-scanline.svg" alt="Agent Skills" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
-<a href="#general-">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
+<a href="#skills-general">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-sub-general.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-sub-general-light-anim-scanline.svg">
-    <img src="assets/toc-sub-general-light-anim-scanline.svg" alt="General">
+    <img src="assets/toc-sub-general-light-anim-scanline.svg" alt="General" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
 <a href="#workflows--knowledge-guides-">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-row-workflows.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-row-workflows-light-anim-scanline.svg">
-    <img src="assets/toc-row-workflows-light-anim-scanline.svg" alt="Workflows & Knowledge Guides">
+    <img src="assets/toc-row-workflows-light-anim-scanline.svg" alt="Workflows & Knowledge Guides" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
-<a href="#general--1">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
+<a href="#workflows-general">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-sub-general.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-sub-general-light-anim-scanline.svg">
-    <img src="assets/toc-sub-general-light-anim-scanline.svg" alt="General">
+    <img src="assets/toc-sub-general-light-anim-scanline.svg" alt="General" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
 <a href="#tooling-">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-row-tooling.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-row-tooling-light-anim-scanline.svg">
-    <img src="assets/toc-row-tooling-light-anim-scanline.svg" alt="Tooling">
+    <img src="assets/toc-row-tooling-light-anim-scanline.svg" alt="Tooling" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
-<a href="#general--2">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
+<a href="#tooling-general">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-sub-general.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-sub-general-light-anim-scanline.svg">
-    <img src="assets/toc-sub-general-light-anim-scanline.svg" alt="General">
+    <img src="assets/toc-sub-general-light-anim-scanline.svg" alt="General" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
 <a href="#ide-integrations-">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-sub-ide.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-sub-ide-light-anim-scanline.svg">
-    <img src="assets/toc-sub-ide-light-anim-scanline.svg" alt="IDE Integrations">
+    <img src="assets/toc-sub-ide-light-anim-scanline.svg" alt="IDE Integrations" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
 <a href="#usage-monitors-">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-sub-monitors.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-sub-monitors-light-anim-scanline.svg">
-    <img src="assets/toc-sub-monitors-light-anim-scanline.svg" alt="Usage Monitors">
+    <img src="assets/toc-sub-monitors-light-anim-scanline.svg" alt="Usage Monitors" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
 <a href="#orchestrators-">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-sub-orchestrators.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-sub-orchestrators-light-anim-scanline.svg">
-    <img src="assets/toc-sub-orchestrators-light-anim-scanline.svg" alt="Orchestrators">
+    <img src="assets/toc-sub-orchestrators-light-anim-scanline.svg" alt="Orchestrators" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
 <a href="#status-lines-">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-row-statusline.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-row-statusline-light-anim-scanline.svg">
-    <img src="assets/toc-row-statusline-light-anim-scanline.svg" alt="Status Lines">
+    <img src="assets/toc-row-statusline-light-anim-scanline.svg" alt="Status Lines" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
-<a href="#general--3">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
+<a href="#statusline-general">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-sub-general.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-sub-general-light-anim-scanline.svg">
-    <img src="assets/toc-sub-general-light-anim-scanline.svg" alt="General">
+    <img src="assets/toc-sub-general-light-anim-scanline.svg" alt="General" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
 <a href="#hooks-">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-row-custom.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-row-custom-light-anim-scanline.svg">
-    <img src="assets/toc-row-custom-light-anim-scanline.svg" alt="Hooks">
+    <img src="assets/toc-row-custom-light-anim-scanline.svg" alt="Hooks" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
-<a href="#general--4">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
+<a href="#hooks-general">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-sub-general.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-sub-general-light-anim-scanline.svg">
-    <img src="assets/toc-sub-general-light-anim-scanline.svg" alt="General">
+    <img src="assets/toc-sub-general-light-anim-scanline.svg" alt="General" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
 <a href="#slash-commands-">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-row-commands.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-row-commands-light-anim-scanline.svg">
-    <img src="assets/toc-row-commands-light-anim-scanline.svg" alt="Slash-Commands">
+    <img src="assets/toc-row-commands-light-anim-scanline.svg" alt="Slash-Commands" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
-<a href="#general--5">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
+<a href="#slash-commands-general">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-sub-general.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-sub-general-light-anim-scanline.svg">
-    <img src="assets/toc-sub-general-light-anim-scanline.svg" alt="General">
+    <img src="assets/toc-sub-general-light-anim-scanline.svg" alt="General" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
 <a href="#version-control--git-">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-sub-git.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-sub-git-light-anim-scanline.svg">
-    <img src="assets/toc-sub-git-light-anim-scanline.svg" alt="Version Control & Git">
+    <img src="assets/toc-sub-git-light-anim-scanline.svg" alt="Version Control & Git" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
 <a href="#code-analysis--testing-">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-sub-code-analysis.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-sub-code-analysis-light-anim-scanline.svg">
-    <img src="assets/toc-sub-code-analysis-light-anim-scanline.svg" alt="Code Analysis & Testing">
+    <img src="assets/toc-sub-code-analysis-light-anim-scanline.svg" alt="Code Analysis & Testing" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
 <a href="#context-loading--priming-">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-sub-context.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-sub-context-light-anim-scanline.svg">
-    <img src="assets/toc-sub-context-light-anim-scanline.svg" alt="Context Loading & Priming">
+    <img src="assets/toc-sub-context-light-anim-scanline.svg" alt="Context Loading & Priming" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
 <a href="#documentation--changelogs-">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-sub-documentation.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-sub-documentation-light-anim-scanline.svg">
-    <img src="assets/toc-sub-documentation-light-anim-scanline.svg" alt="Documentation & Changelogs">
+    <img src="assets/toc-sub-documentation-light-anim-scanline.svg" alt="Documentation & Changelogs" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
 <a href="#ci--deployment-">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-sub-ci.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-sub-ci-light-anim-scanline.svg">
-    <img src="assets/toc-sub-ci-light-anim-scanline.svg" alt="CI / Deployment">
+    <img src="assets/toc-sub-ci-light-anim-scanline.svg" alt="CI / Deployment" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
 <a href="#project--task-management-">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-sub-project-mgmt.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-sub-project-mgmt-light-anim-scanline.svg">
-    <img src="assets/toc-sub-project-mgmt-light-anim-scanline.svg" alt="Project & Task Management">
+    <img src="assets/toc-sub-project-mgmt-light-anim-scanline.svg" alt="Project & Task Management" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
 <a href="#miscellaneous-">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-sub-misc.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-sub-misc-light-anim-scanline.svg">
-    <img src="assets/toc-sub-misc-light-anim-scanline.svg" alt="Miscellaneous">
+    <img src="assets/toc-sub-misc-light-anim-scanline.svg" alt="Miscellaneous" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
 <a href="#claudemd-files-">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-row-config.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-row-config-light-anim-scanline.svg">
-    <img src="assets/toc-row-config-light-anim-scanline.svg" alt="CLAUDE.md Files">
+    <img src="assets/toc-row-config-light-anim-scanline.svg" alt="CLAUDE.md Files" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
 <a href="#language-specific-">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-sub-language.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-sub-language-light-anim-scanline.svg">
-    <img src="assets/toc-sub-language-light-anim-scanline.svg" alt="Language-Specific">
+    <img src="assets/toc-sub-language-light-anim-scanline.svg" alt="Language-Specific" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
 <a href="#domain-specific-">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-sub-domain.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-sub-domain-light-anim-scanline.svg">
-    <img src="assets/toc-sub-domain-light-anim-scanline.svg" alt="Domain-Specific">
+    <img src="assets/toc-sub-domain-light-anim-scanline.svg" alt="Domain-Specific" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
 <a href="#project-scaffolding--mcp-">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-sub-scaffolding.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-sub-scaffolding-light-anim-scanline.svg">
-    <img src="assets/toc-sub-scaffolding-light-anim-scanline.svg" alt="Project Scaffolding & MCP">
+    <img src="assets/toc-sub-scaffolding-light-anim-scanline.svg" alt="Project Scaffolding & MCP" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
 <a href="#alternative-clients-">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-row-clients.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-row-clients-light-anim-scanline.svg">
-    <img src="assets/toc-row-clients-light-anim-scanline.svg" alt="Alternative Clients">
+    <img src="assets/toc-row-clients-light-anim-scanline.svg" alt="Alternative Clients" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
-<a href="#general--6">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
+<a href="#alternative-clients-general">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-sub-general.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-sub-general-light-anim-scanline.svg">
-    <img src="assets/toc-sub-general-light-anim-scanline.svg" alt="General">
+    <img src="assets/toc-sub-general-light-anim-scanline.svg" alt="General" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
 <a href="#official-documentation-">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-row-docs.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-row-docs-light-anim-scanline.svg">
-    <img src="assets/toc-row-docs-light-anim-scanline.svg" alt="Official Documentation">
+    <img src="assets/toc-row-docs-light-anim-scanline.svg" alt="Official Documentation" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
-<a href="#general--7">
+</div>
+<div style="height:40px;width:400px;overflow:hidden;display:block;">
+<a href="#official-documentation-general">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/toc-sub-general.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/toc-sub-general-light-anim-scanline.svg">
-    <img src="assets/toc-sub-general-light-anim-scanline.svg" alt="General">
+    <img src="assets/toc-sub-general-light-anim-scanline.svg" alt="General" height="40" style="height:40px;max-width:none;">
   </picture>
 </a>
-<br clear="all">
+</div>
+</div>
 
 </div>
 
@@ -452,7 +484,7 @@
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/section-divider-alt2.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/section-divider-light-manual-v1.svg">
-    <img src="assets/section-divider-light-manual-v1.svg" alt="" width="100%" style="max-width: 900px;">
+    <img src="assets/section-divider-light-manual-v1.svg" alt="" width="100%" style="max-width: 800px;">
   </picture>
 </div>
 
@@ -484,8 +516,8 @@
   </picture>
 </div>
 
-<details open id="general-">
-<summary><span><picture><img src="assets/subheader_general.svg" alt="General" align="absmiddle"></picture></span></summary>
+<details open id="skills-general">
+<summary><span><picture><img src="assets/subheader_skills_general.svg" alt="General" align="absmiddle"></picture></span></summary>
 
 <a href="https://github.com/skills-directory/skill-codex"><img src="assets/badge-codex-skill.svg" alt="Codex Skill"></a>  
 _Enables users to prompt codex from claude code. Unlike the raw codex mcp server, this skill infers parameters such as model, reasoning effort, sandboxing from your prompt or asks you to specify them. It also simplifies continuing prior codex sessions so that codex can continue with the prior context._  
@@ -516,7 +548,7 @@ _Easily generate web assets from Claude Code including favicons, app icons (PWA)
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/section-divider-alt2.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/section-divider-light-manual-v2.svg">
-    <img src="assets/section-divider-light-manual-v2.svg" alt="" width="100%" style="max-width: 900px;">
+    <img src="assets/section-divider-light-manual-v2.svg" alt="" width="100%" style="max-width: 800px;">
   </picture>
 </div>
 
@@ -548,8 +580,8 @@ _Easily generate web assets from Claude Code including favicons, app icons (PWA)
   </picture>
 </div>
 
-<details open id="general--1-">
-<summary><span><picture><img src="assets/subheader_general_1.svg" alt="General" align="absmiddle"></picture></span></summary>
+<details open id="workflows-general">
+<summary><span><picture><img src="assets/subheader_workflows_general.svg" alt="General" align="absmiddle"></picture></span></summary>
 
 <a href="https://github.com/ayoubben18/ab-method"><img src="assets/badge-ab-method.svg" alt="AB Method"></a>  
 _A principled, spec-driven workflow that transforms large problems into focused, incremental missions using Claude Code's specialized sub agents. Includes slash-commands, sub agents, and specialized workflows designed for specific parts of the SDLC._  
@@ -697,7 +729,7 @@ _A broader project management workflow for Claude Code that encompasses not just
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/section-divider-alt2.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/section-divider-light-manual-v3.svg">
-    <img src="assets/section-divider-light-manual-v3.svg" alt="" width="100%" style="max-width: 900px;">
+    <img src="assets/section-divider-light-manual-v3.svg" alt="" width="100%" style="max-width: 800px;">
   </picture>
 </div>
 
@@ -729,8 +761,8 @@ _A broader project management workflow for Claude Code that encompasses not just
   </picture>
 </div>
 
-<details open id="general--2-">
-<summary><span><picture><img src="assets/subheader_general_2.svg" alt="General" align="absmiddle"></picture></span></summary>
+<details open id="tooling-general">
+<summary><span><picture><img src="assets/subheader_tooling_general.svg" alt="General" align="absmiddle"></picture></span></summary>
 
 <a href="https://github.com/GWUDCAP/cc-sessions"><img src="assets/badge-cc-sessions.svg" alt="cc-sessions"></a>  
 _An opinionated approach to productive development with Claude Code_  
@@ -1048,7 +1080,7 @@ _A Rust CLI tool that lets you delegate development tasks to AI agents running i
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/section-divider-alt2.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/section-divider-light-manual-v1.svg">
-    <img src="assets/section-divider-light-manual-v1.svg" alt="" width="100%" style="max-width: 900px;">
+    <img src="assets/section-divider-light-manual-v1.svg" alt="" width="100%" style="max-width: 800px;">
   </picture>
 </div>
 
@@ -1080,8 +1112,8 @@ _A Rust CLI tool that lets you delegate development tasks to AI agents running i
   </picture>
 </div>
 
-<details open id="general--3-">
-<summary><span><picture><img src="assets/subheader_general_3.svg" alt="General" align="absmiddle"></picture></span></summary>
+<details open id="statusline-general">
+<summary><span><picture><img src="assets/subheader_statusline_general.svg" alt="General" align="absmiddle"></picture></span></summary>
 
 <a href="https://github.com/Haleclipse/CCometixLine"><img src="assets/badge-ccometixline-claude-code-statusline.svg" alt="CCometixLine - Claude Code Statusline"></a>  
 _A high-performance Claude Code statusline tool written in Rust with Git integration, usage tracking, interactive TUI configuration, and Claude Code enhancement utilities._  
@@ -1126,7 +1158,7 @@ _High-performance Rust-based statusline for Claude Code with persistent stats tr
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/section-divider-alt2.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/section-divider-light-manual-v2.svg">
-    <img src="assets/section-divider-light-manual-v2.svg" alt="" width="100%" style="max-width: 900px;">
+    <img src="assets/section-divider-light-manual-v2.svg" alt="" width="100%" style="max-width: 800px;">
   </picture>
 </div>
 
@@ -1158,8 +1190,8 @@ _High-performance Rust-based statusline for Claude Code with persistent stats tr
   </picture>
 </div>
 
-<details open id="general--4-">
-<summary><span><picture><img src="assets/subheader_general_4.svg" alt="General" align="absmiddle"></picture></span></summary>
+<details open id="hooks-general">
+<summary><span><picture><img src="assets/subheader_hooks_general.svg" alt="General" align="absmiddle"></picture></span></summary>
 
 <a href="https://github.com/Talieisin/britfix"><img src="assets/badge-britfix.svg" alt="Britfix"></a>  
 _Claude outputs American spellings by default, which can have an impact on: professional credibility, compliance, documentation, and more. Britfix converts to British English, with a Claude Code hook for automatic conversion as files are written. Context-aware: handles code files intelligently by only converting comments and docstrings, never identifiers or string literals._  
@@ -1232,7 +1264,7 @@ _Quality check hook for Node.js TypeScript projects with TypeScript compilation.
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/section-divider-alt2.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/section-divider-light-manual-v3.svg">
-    <img src="assets/section-divider-light-manual-v3.svg" alt="" width="100%" style="max-width: 900px;">
+    <img src="assets/section-divider-light-manual-v3.svg" alt="" width="100%" style="max-width: 800px;">
   </picture>
 </div>
 
@@ -1264,8 +1296,8 @@ _Quality check hook for Node.js TypeScript projects with TypeScript compilation.
   </picture>
 </div>
 
-<details open id="general--5-">
-<summary><span><picture><img src="assets/subheader_general_5.svg" alt="General" align="absmiddle"></picture></span></summary>
+<details open id="slash-commands-general">
+<summary><span><picture><img src="assets/subheader_slash_commands_general.svg" alt="General" align="absmiddle"></picture></span></summary>
 
 <a href="https://github.com/omril321/automated-notebooklm/blob/main/.claude/commands/create-hook.md"><img src="assets/badge-create-hook.svg" alt="/create-hook"></a>  
 _Slash command for hook creation - intelligently prompts you through the creation process with smart suggestions based on your project setup (TS, Prettier, ESLint...)._  
@@ -1618,7 +1650,7 @@ _Reformats documentation to use React Stepper component, transforming heading fo
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/section-divider-alt2.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/section-divider-light-manual-v1.svg">
-    <img src="assets/section-divider-light-manual-v1.svg" alt="" width="100%" style="max-width: 900px;">
+    <img src="assets/section-divider-light-manual-v1.svg" alt="" width="100%" style="max-width: 800px;">
   </picture>
 </div>
 
@@ -1853,7 +1885,7 @@ _Offers clear step-by-step installation instructions with multiple configuration
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/section-divider-alt2.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/section-divider-light-manual-v2.svg">
-    <img src="assets/section-divider-light-manual-v2.svg" alt="" width="100%" style="max-width: 900px;">
+    <img src="assets/section-divider-light-manual-v2.svg" alt="" width="100%" style="max-width: 800px;">
   </picture>
 </div>
 
@@ -1885,8 +1917,8 @@ _Offers clear step-by-step installation instructions with multiple configuration
   </picture>
 </div>
 
-<details open id="general--6-">
-<summary><span><picture><img src="assets/subheader_general_6.svg" alt="General" align="absmiddle"></picture></span></summary>
+<details open id="alternative-clients-general">
+<summary><span><picture><img src="assets/subheader_alternative_clients_general.svg" alt="General" align="absmiddle"></picture></span></summary>
 
 <a href="https://github.com/opactorai/Claudable"><img src="assets/badge-claudable.svg" alt="Claudable"></a>  
 _Claudable is an open-source web builder that leverages local CLI agents, such as Claude Code and Cursor Agent, to build and deploy products effortlessly._  
@@ -1910,7 +1942,7 @@ _A command center for AI agents that syncs Claude Code sessions across terminal,
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="assets/section-divider-alt2.svg">
     <source media="(prefers-color-scheme: light)" srcset="assets/section-divider-light-manual-v3.svg">
-    <img src="assets/section-divider-light-manual-v3.svg" alt="" width="100%" style="max-width: 900px;">
+    <img src="assets/section-divider-light-manual-v3.svg" alt="" width="100%" style="max-width: 800px;">
   </picture>
 </div>
 
@@ -1942,8 +1974,8 @@ _A command center for AI agents that syncs Claude Code sessions across terminal,
   </picture>
 </div>
 
-<details open id="general--7-">
-<summary><span><picture><img src="assets/subheader_general_7.svg" alt="General" align="absmiddle"></picture></span></summary>
+<details open id="official-documentation-general">
+<summary><span><picture><img src="assets/subheader_official_documentation_general.svg" alt="General" align="absmiddle"></picture></span></summary>
 
 <a href="https://docs.claude.com/en/home"><img src="assets/badge-anthropic-documentation.svg" alt="Anthropic Documentation"></a>  
 _The official documentation for Claude Code, including installation instructions, usage guidelines, API references, tutorials, examples, loads of information that I won't list individually. Like Claude Code, the documentation is frequently updated._
diff --git a/assets/header_workflows-light-v3.svg b/assets/header_workflows-light-v3.svg
index 31dd8d52..4edbbe47 100644
--- a/assets/header_workflows-light-v3.svg
+++ b/assets/header_workflows-light-v3.svg
@@ -24,21 +24,21 @@
         font-weight="600"
         fill="#3d3530"
         letter-spacing="0.5">
-    Workflows &amp; Knowledge Guides
+    Workflows &amp; Guides
   </text>
 
   <!-- Horizontal rule extending from title -->
-  <line x1="220" y1="58" x2="662" y2="58" stroke="#5c5247" stroke-width="1.75" opacity="0.45"/>
+  <line x1="220" y1="58" x2="640" y2="58" stroke="#5c5247" stroke-width="1.75" opacity="0.45"/>
 
   <!-- Reference dots pattern (like page markers) -->
   <g fill="#5c5247" opacity="0.3">
-    <circle cx="602" cy="35" r="1"/>
-    <circle cx="617" cy="35" r="1"/>
-    <circle cx="632" cy="35" r="1"/>
-    <circle cx="647" cy="35" r="1"/>
-    <circle cx="662" cy="35" r="1"/>
+    <circle cx="580" cy="35" r="1"/>
+    <circle cx="595" cy="35" r="1"/>
+    <circle cx="610" cy="35" r="1"/>
+    <circle cx="625" cy="35" r="1"/>
+    <circle cx="640" cy="35" r="1"/>
   </g>
 
   <!-- Thin top line -->
-  <line x1="160" y1="15" x2="662" y2="15" stroke="#5c5247" stroke-width="1.75" opacity="0.45"/>
+  <line x1="160" y1="15" x2="640" y2="15" stroke="#5c5247" stroke-width="1.75" opacity="0.45"/>
 </svg>
\ No newline at end of file
diff --git a/assets/header_workflows.svg b/assets/header_workflows.svg
index 52fc94d7..6be1d4d3 100644
--- a/assets/header_workflows.svg
+++ b/assets/header_workflows.svg
@@ -1,4 +1,4 @@
-<svg width="100%" height="100" viewBox="37 0 726 100" xmlns="http://www.w3.org/2000/svg">
+<svg width="100%" height="100" viewBox="147 0 506 100" xmlns="http://www.w3.org/2000/svg">
   <defs>
     <!-- Subtle glow for hero text - reduced blur for better readability -->
     <filter id="heroGlow" x="-10%" y="-10%" width="120%" height="120%">
@@ -48,7 +48,7 @@
 
   <!-- Main hero text - larger, bolder, with subtle dark outline for contrast -->
   <text x="400" y="58" font-family="system-ui, -apple-system, sans-serif" font-size="38" font-weight="900" fill="url(#heroGrad)" text-anchor="middle" filter="url(#heroGlow)" letter-spacing="0.5" stroke="#221111" stroke-width="0.5" paint-order="stroke fill">
-    Workflows &amp; Knowledge Guides 🧠
+    Workflows &amp; Guides 🧠
   </text>
 
   <!-- Bottom accent line -->
diff --git a/assets/info-terminal-light-vintage.svg b/assets/info-terminal-light-vintage.svg
index 64e7e9bc..286f88f2 100644
--- a/assets/info-terminal-light-vintage.svg
+++ b/assets/info-terminal-light-vintage.svg
@@ -79,7 +79,7 @@
       <animate attributeName="opacity" values="0;0;1;1;1;1;1;1;1;1;1;1" keyTimes="0;0.20;0.22;0.24;0.27;0.3;0.4;0.5;0.6;0.7;0.8;1" dur="12s" repeatCount="indefinite"/>
     </text>
     <!-- I -->
-    <text x="180" y="55" opacity="0">
+    <text x="178" y="55" opacity="0">
       I
       <animate attributeName="opacity" values="0;0;1;1;1;1;1;1;1;1;1;1" keyTimes="0;0.22;0.24;0.26;0.28;0.3;0.4;0.5;0.6;0.7;0.8;1" dur="12s" repeatCount="indefinite"/>
     </text>
@@ -103,7 +103,7 @@
   <!-- LOADING RESOURCES... - appears after delay -->
   <text x="40" y="78"
         font-family="'Courier New', Courier, monospace"
-        font-size="14"
+        font-size="18"
         fill="#5c5247"
         opacity="0">
     &gt; LOADING RESOURCES...
@@ -111,10 +111,10 @@
   </text>
 
   <!-- Description text - fades in after typing -->
-  <g font-family="Georgia, 'Times New Roman', serif" font-size="13" opacity="0">
+  <g font-family="Georgia, 'Times New Roman', serif" font-size="16" opacity="0">
     <animate attributeName="opacity" values="0;0;0;0;0;0;1;1;1;1;1;0" keyTimes="0;0.35;0.38;0.40;0.42;0.45;0.50;0.6;0.7;0.8;0.9;1" dur="12s" repeatCount="indefinite"/>
-    <text x="60" y="102" fill="#3d3530">
-      A <tspan fill="#c96442" font-weight="600">curated collection</tspan> of tools, workflows, and configurations
+    <text x="60" y="100" fill="#3d3530">
+      A <tspan fill="#c96442" font-weight="800">curated collection</tspan> of tools, workflows, and configurations
     </text>
     <text x="60" y="120" fill="#5c5247" font-style="italic">
       to supercharge your Claude Code experience.
diff --git a/assets/info-terminal.svg b/assets/info-terminal.svg
index a2a3c9eb..5d8ea207 100644
--- a/assets/info-terminal.svg
+++ b/assets/info-terminal.svg
@@ -2,10 +2,8 @@
   <defs>
     <!-- CRT screen glow -->
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="2" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.2" result="coloredBlur"/>
       <feMerge>
-        <feMergeNode in="coloredBlur"/>
-        <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
       </feMerge>
     </filter>
@@ -23,7 +21,7 @@
 
     <!-- Vignette -->
     <radialGradient id="vignette">
-      <stop offset="60%" style="stop-color:#000000;stop-opacity:0"/>
+      <stop offset="75%" style="stop-color:#000000;stop-opacity:0"/>
       <stop offset="100%" style="stop-color:#000000;stop-opacity:0.4"/>
     </radialGradient>
   </defs>
@@ -40,28 +38,28 @@
   <!-- Content with CRT glow -->
   <g filter="url(#crtGlow)">
     <!-- System status lines -->
-    <text x="30" y="35" font-family="monospace" font-size="14" fill="#ffaa00" opacity="0.9">
+    <text x="30" y="35" font-family="monospace" font-size="22" fill="#ffaa00" opacity="0.9">
       &gt; SYSTEM ONLINE
       <animate attributeName="opacity" values="0.9;0.85;0.9" dur="0.12s" repeatCount="indefinite"/>
     </text>
 
-    <text x="30" y="55" font-family="monospace" font-size="14" fill="#ffaa00" opacity="0.9">
+    <text x="30" y="60" font-family="monospace" font-size="22" fill="#ffaa00" opacity="0.9">
       &gt; LOADING RESOURCES...
       <animate attributeName="opacity" values="0.9;0.85;0.9" dur="0.15s" repeatCount="indefinite"/>
     </text>
 
     <!-- Blinking cursor after RESOURCES -->
-    <rect x="230" y="42" width="8" height="16" fill="#ffaa00">
+    <rect x="325" y="42" width="8" height="20" fill="#ffaa00">
       <animate attributeName="opacity" values="1;0;1" dur="0.8s" repeatCount="indefinite"/>
     </rect>
 
     <!-- Description text -->
-    <text x="50" y="85" font-family="monospace" font-size="12" opacity="0.85">
+    <text x="50" y="85" font-family="monospace" font-size="18" opacity="0.85">
       <tspan fill="#ffbb33">A </tspan>
-      <tspan fill="#ffee00" opacity="1" font-weight="bold">curated collection</tspan>
+      <tspan fill="#ffee00" opacity="1" font-weight="boldq00">curated collection</tspan>
       <tspan fill="#ffbb33"> of tools, workflows, and configurations</tspan>
     </text>
-    <text x="50" y="105" font-family="monospace" font-size="12" fill="#ffbb33" opacity="0.85">
+    <text x="50" y="115" font-family="monospace" font-size="20" fill="#ffbb33" opacity="0.85">
       to supercharge your Claude Code experience.
     </text>
   </g>
diff --git a/assets/intro-terminal-light-vintage.svg b/assets/intro-terminal-light-vintage.svg
index 208c71e6..a96cad84 100644
--- a/assets/intro-terminal-light-vintage.svg
+++ b/assets/intro-terminal-light-vintage.svg
@@ -50,7 +50,7 @@
   <!-- Main layer - with vertical snap -->
   <text x="450" y="38"
         font-family="Georgia, 'Times New Roman', serif"
-        font-size="13"
+        font-size="17"
         fill="#3d3530"
         text-anchor="middle">
     Claude Code is a cutting-edge CLI-based coding assistant
@@ -61,7 +61,7 @@
   <!-- Cyan offset layer -->
   <text x="450" y="55"
         font-family="Georgia, 'Times New Roman', serif"
-        font-size="13"
+        font-size="17"
         fill="#6b8a8a"
         text-anchor="middle"
         opacity="0.15">
@@ -72,7 +72,7 @@
   <!-- Magenta offset layer -->
   <text x="450" y="55"
         font-family="Georgia, 'Times New Roman', serif"
-        font-size="13"
+        font-size="17"
         fill="#8a6b6b"
         text-anchor="middle"
         opacity="0.15">
@@ -83,18 +83,18 @@
   <!-- Main layer -->
   <text x="450" y="55"
         font-family="Georgia, 'Times New Roman', serif"
-        font-size="13"
+        font-size="17"
         fill="#3d3530"
         text-anchor="middle">
     released by <tspan fill="#c96442" font-weight="600">Anthropic</tspan>. This collection helps the community
-    <animate attributeName="y" values="53;55;55;54;53;54;55;53" keyTimes="0;0.012;0.5;0.965;0.975;0.985;0.995;1" dur="8s" repeatCount="indefinite" calcMode="discrete"/>
+    <animate attributeName="y" values="58;60;60;54;53;54;60;53" keyTimes="0;0.012;0.5;0.965;0.975;0.985;0.995;1" dur="8s" repeatCount="indefinite" calcMode="discrete"/>
   </text>
 
   <!-- Line 3: share knowledge -->
   <!-- Cyan offset layer -->
-  <text x="450" y="72"
+  <text x="450" y="78"
         font-family="Georgia, 'Times New Roman', serif"
-        font-size="13"
+        font-size="15"
         font-style="italic"
         fill="#6b8a8a"
         text-anchor="middle"
@@ -106,7 +106,7 @@
   <!-- Magenta offset layer -->
   <text x="450" y="72"
         font-family="Georgia, 'Times New Roman', serif"
-        font-size="13"
+        font-size="15"
         font-style="italic"
         fill="#8a6b6b"
         text-anchor="middle"
@@ -116,14 +116,14 @@
     <animate attributeName="opacity" values="0.3;0.08;0.08;0.12;0.20;0.28;0.3;0.3" keyTimes="0;0.015;0.5;0.96;0.97;0.98;0.99;1" dur="8s" repeatCount="indefinite"/>
   </text>
   <!-- Main layer -->
-  <text x="450" y="72"
+  <text x="450" y="76"
         font-family="Georgia, 'Times New Roman', serif"
-        font-size="13"
+        font-size="18"
         font-style="italic"
         fill="#5c5247"
         text-anchor="middle">
     share knowledge and discover the best tools and practices.
-    <animate attributeName="y" values="70;72;72;71;70;71;72;70" keyTimes="0;0.015;0.5;0.96;0.97;0.98;0.99;1" dur="8s" repeatCount="indefinite" calcMode="discrete"/>
+    <animate attributeName="y" values="78;82;82;81;78;81;82;78" keyTimes="0;0.015;0.5;0.96;0.97;0.98;0.99;1" dur="8s" repeatCount="indefinite" calcMode="discrete"/>
   </text>
 
   <!-- Bottom decorative element -->
diff --git a/assets/intro-terminal.svg b/assets/intro-terminal.svg
index 8ffc7155..fbbfef28 100644
--- a/assets/intro-terminal.svg
+++ b/assets/intro-terminal.svg
@@ -13,9 +13,8 @@
 
     <!-- CRT glow effect -->
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.5" result="coloredBlur"/>
       <feMerge>
-        <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
       </feMerge>
     </filter>
@@ -43,19 +42,19 @@
   <!-- Content text with glow -->
   <g filter="url(#crtGlow)">
     <!-- Line 1 -->
-    <text x="450" y="35" font-family="monospace" font-size="14" fill="#FF8C5A" text-anchor="middle">
+    <text x="450" y="31" font-family="monospace" font-size="16" fill="#FF8C5A" text-anchor="middle">
       Claude Code is a cutting-edge CLI-based coding assistant
       <animate attributeName="opacity" values="1;0.98;1" dur="0.09s" repeatCount="indefinite"/>
     </text>
 
     <!-- Line 2 -->
-    <text x="450" y="55" font-family="monospace" font-size="14" fill="#FF8C5A" text-anchor="middle">
+    <text x="450" y="53" font-family="monospace" font-size="16" fill="#FF8C5A" text-anchor="middle">
       released by Anthropic. This collection helps the community
       <animate attributeName="opacity" values="1;0.97;1" dur="0.11s" repeatCount="indefinite"/>
     </text>
 
     <!-- Line 3 -->
-    <text x="450" y="75" font-family="monospace" font-size="14" fill="#FF8C5A" text-anchor="middle">
+    <text x="450" y="77" font-family="monospace" font-size="16" fill="#FF8C5A" text-anchor="middle">
       share knowledge and discover the best tools and practices.
       <animate attributeName="opacity" values="1;0.99;1" dur="0.08s" repeatCount="indefinite"/>
     </text>
diff --git a/assets/repo-ticker-light.svg b/assets/repo-ticker-light.svg
index edc66358..731104e5 100644
--- a/assets/repo-ticker-light.svg
+++ b/assets/repo-ticker-light.svg
@@ -103,183 +103,183 @@
         dur="50s"
         repeatCount="indefinite"/>
 
-      <!-- Repo: ericbuess/claude-code-docs -->
+      <!-- Repo: 9j/claude-code-mux -->
       <g transform="translate(0, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">ericbuess</text>
+              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">9j</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#2d2d2d" filter="url(#textGlow)">claude-code-docs</text>
+              fill="#2d2d2d" filter="url(#textGlow)">claude-code-mux</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#9C4EFF">
-          ⭐ 499
+          ⭐ 406
         </text>
-        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +4
+        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FF6B35">
-          👁 499
+          👁 406
         </text>
-        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +4
+        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FFD700">
-          🔱 80
+          🔱 40
         </text>
-        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +1
+        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
       </g>
-      <!-- Repo: stevemolitor/claude-code.el -->
+      <!-- Repo: IncomeStreamSurfer/claude-code-agents-wizard-v2 -->
       <g transform="translate(300, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">stevemolitor</text>
+              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">IncomeStreamSurfer</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#2d2d2d" filter="url(#textGlow)">claude-code.el</text>
+              fill="#2d2d2d" filter="url(#textGlow)">claude-code-agents-w...</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#9C4EFF">
-          ⭐ 545
+          ⭐ 292
         </text>
-        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#cc0000">
-          -1
+        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FF6B35">
-          👁 545
+          👁 292
         </text>
-        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#cc0000">
-          -1
+        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FFD700">
-          🔱 48
+          🔱 152
         </text>
         <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
           0
         </text>
       </g>
-      <!-- Repo: lst97/claude-code-sub-agents -->
+      <!-- Repo: kn1026/cc -->
       <g transform="translate(600, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">lst97</text>
+              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">kn1026</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#2d2d2d" filter="url(#textGlow)">claude-code-sub-agen...</text>
+              fill="#2d2d2d" filter="url(#textGlow)">cc</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#9C4EFF">
-          ⭐ 1.2K
+          ⭐ 696
         </text>
-        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +4
+        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FF6B35">
-          👁 1.2K
+          👁 696
         </text>
-        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +4
+        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FFD700">
-          🔱 206
+          🔱 269
         </text>
-        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +1
+        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
       </g>
-      <!-- Repo: shareAI-lab/analysis_claude_code -->
+      <!-- Repo: BeehiveInnovations/pal-mcp-server -->
       <g transform="translate(900, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">shareAI-lab</text>
+              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">BeehiveInnovations</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#2d2d2d" filter="url(#textGlow)">analysis_claude_code</text>
+              fill="#2d2d2d" filter="url(#textGlow)">pal-mcp-server</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#9C4EFF">
-          ⭐ 11.6K
+          ⭐ 10.5K
         </text>
         <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +21
+          +8
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FF6B35">
-          👁 11.6K
+          👁 10.5K
         </text>
         <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +21
+          +8
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FFD700">
-          🔱 3.0K
+          🔱 889
         </text>
-        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +6
+        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
       </g>
-      <!-- Repo: https-deeplearning-ai/sc-claude-code-files -->
+      <!-- Repo: cjo4m06/mcp-shrimp-task-manager -->
       <g transform="translate(1200, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">https-deeplearning-ai</text>
+              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">cjo4m06</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#2d2d2d" filter="url(#textGlow)">sc-claude-code-files</text>
+              fill="#2d2d2d" filter="url(#textGlow)">mcp-shrimp-task-mana...</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#9C4EFF">
-          ⭐ 333
+          ⭐ 1.9K
         </text>
-        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
-          0
+        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
+          +1
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FF6B35">
-          👁 333
+          👁 1.9K
         </text>
-        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
-          0
+        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
+          +1
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FFD700">
-          🔱 409
+          🔱 233
         </text>
-        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +2
+        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
       </g>
-      <!-- Repo: lyconear/Claude-Code -->
+      <!-- Repo: darcyegb/ClaudeCodeAgents -->
       <g transform="translate(1500, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">lyconear</text>
+              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">darcyegb</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#2d2d2d" filter="url(#textGlow)">Claude-Code</text>
+              fill="#2d2d2d" filter="url(#textGlow)">ClaudeCodeAgents</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#9C4EFF">
-          ⭐ 2
+          ⭐ 406
         </text>
         <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
           0
@@ -287,7 +287,7 @@
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FF6B35">
-          👁 2
+          👁 406
         </text>
         <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
           0
@@ -295,139 +295,139 @@
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FFD700">
-          🔱 142
+          🔱 35
         </text>
-        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
-          0
+        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
+          +1
         </text>
       </g>
-      <!-- Repo: Cranot/claude-code-guide -->
+      <!-- Repo: https-deeplearning-ai/sc-claude-code-files -->
       <g transform="translate(1800, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">Cranot</text>
+              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">https-deeplearning-ai</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#2d2d2d" filter="url(#textGlow)">claude-code-guide</text>
+              fill="#2d2d2d" filter="url(#textGlow)">sc-claude-code-files</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#9C4EFF">
-          ⭐ 2.2K
+          ⭐ 333
         </text>
-        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +5
+        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FF6B35">
-          👁 2.2K
+          👁 333
         </text>
-        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +5
+        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FFD700">
-          🔱 244
+          🔱 409
         </text>
         <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
           0
         </text>
       </g>
-      <!-- Repo: musistudio/claude-code-router -->
+      <!-- Repo: UfoMiao/zcf -->
       <g transform="translate(2100, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">musistudio</text>
+              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">UfoMiao</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#2d2d2d" filter="url(#textGlow)">claude-code-router</text>
+              fill="#2d2d2d" filter="url(#textGlow)">zcf</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#9C4EFF">
-          ⭐ 23.3K
+          ⭐ 4.7K
         </text>
         <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +83
+          +4
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FF6B35">
-          👁 23.3K
+          👁 4.7K
         </text>
         <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +83
+          +4
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FFD700">
-          🔱 1.8K
+          🔱 335
         </text>
-        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +6
+        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
       </g>
-      <!-- Repo: numman-ali/openskills -->
+      <!-- Repo: kodu-ai/claude-coder -->
       <g transform="translate(2400, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">numman-ali</text>
+              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">kodu-ai</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#2d2d2d" filter="url(#textGlow)">openskills</text>
+              fill="#2d2d2d" filter="url(#textGlow)">claude-coder</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#9C4EFF">
-          ⭐ 2.1K
+          ⭐ 5.3K
         </text>
-        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +86
+        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FF6B35">
-          👁 2.1K
+          👁 5.3K
         </text>
-        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +86
+        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FFD700">
-          🔱 156
+          🔱 202
         </text>
-        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +4
+        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
       </g>
-      <!-- Repo: peterkrueck/Claude-Code-Development-Kit -->
+      <!-- Repo: seifghazi/claude-code-proxy -->
       <g transform="translate(2700, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">peterkrueck</text>
+              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">seifghazi</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#2d2d2d" filter="url(#textGlow)">Claude-Code-Developm...</text>
+              fill="#2d2d2d" filter="url(#textGlow)">claude-code-proxy</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#9C4EFF">
-          ⭐ 1.3K
+          ⭐ 306
         </text>
-        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +2
+        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FF6B35">
-          👁 1.3K
+          👁 306
         </text>
-        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +2
+        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FFD700">
-          🔱 141
+          🔱 49
         </text>
         <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
           0
@@ -446,183 +446,183 @@
         dur="50s"
         repeatCount="indefinite"/>
 
-      <!-- Repo: ericbuess/claude-code-docs -->
+      <!-- Repo: 9j/claude-code-mux -->
       <g transform="translate(0, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">ericbuess</text>
+              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">9j</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#2d2d2d" filter="url(#textGlow)">claude-code-docs</text>
+              fill="#2d2d2d" filter="url(#textGlow)">claude-code-mux</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#9C4EFF">
-          ⭐ 499
+          ⭐ 406
         </text>
-        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +4
+        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FF6B35">
-          👁 499
+          👁 406
         </text>
-        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +4
+        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FFD700">
-          🔱 80
+          🔱 40
         </text>
-        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +1
+        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
       </g>
-      <!-- Repo: stevemolitor/claude-code.el -->
+      <!-- Repo: IncomeStreamSurfer/claude-code-agents-wizard-v2 -->
       <g transform="translate(300, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">stevemolitor</text>
+              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">IncomeStreamSurfer</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#2d2d2d" filter="url(#textGlow)">claude-code.el</text>
+              fill="#2d2d2d" filter="url(#textGlow)">claude-code-agents-w...</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#9C4EFF">
-          ⭐ 545
+          ⭐ 292
         </text>
-        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#cc0000">
-          -1
+        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FF6B35">
-          👁 545
+          👁 292
         </text>
-        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#cc0000">
-          -1
+        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FFD700">
-          🔱 48
+          🔱 152
         </text>
         <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
           0
         </text>
       </g>
-      <!-- Repo: lst97/claude-code-sub-agents -->
+      <!-- Repo: kn1026/cc -->
       <g transform="translate(600, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">lst97</text>
+              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">kn1026</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#2d2d2d" filter="url(#textGlow)">claude-code-sub-agen...</text>
+              fill="#2d2d2d" filter="url(#textGlow)">cc</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#9C4EFF">
-          ⭐ 1.2K
+          ⭐ 696
         </text>
-        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +4
+        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FF6B35">
-          👁 1.2K
+          👁 696
         </text>
-        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +4
+        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FFD700">
-          🔱 206
+          🔱 269
         </text>
-        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +1
+        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
       </g>
-      <!-- Repo: shareAI-lab/analysis_claude_code -->
+      <!-- Repo: BeehiveInnovations/pal-mcp-server -->
       <g transform="translate(900, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">shareAI-lab</text>
+              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">BeehiveInnovations</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#2d2d2d" filter="url(#textGlow)">analysis_claude_code</text>
+              fill="#2d2d2d" filter="url(#textGlow)">pal-mcp-server</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#9C4EFF">
-          ⭐ 11.6K
+          ⭐ 10.5K
         </text>
         <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +21
+          +8
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FF6B35">
-          👁 11.6K
+          👁 10.5K
         </text>
         <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +21
+          +8
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FFD700">
-          🔱 3.0K
+          🔱 889
         </text>
-        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +6
+        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
       </g>
-      <!-- Repo: https-deeplearning-ai/sc-claude-code-files -->
+      <!-- Repo: cjo4m06/mcp-shrimp-task-manager -->
       <g transform="translate(1200, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">https-deeplearning-ai</text>
+              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">cjo4m06</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#2d2d2d" filter="url(#textGlow)">sc-claude-code-files</text>
+              fill="#2d2d2d" filter="url(#textGlow)">mcp-shrimp-task-mana...</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#9C4EFF">
-          ⭐ 333
+          ⭐ 1.9K
         </text>
-        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
-          0
+        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
+          +1
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FF6B35">
-          👁 333
+          👁 1.9K
         </text>
-        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
-          0
+        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
+          +1
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FFD700">
-          🔱 409
+          🔱 233
         </text>
-        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +2
+        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
       </g>
-      <!-- Repo: lyconear/Claude-Code -->
+      <!-- Repo: darcyegb/ClaudeCodeAgents -->
       <g transform="translate(1500, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">lyconear</text>
+              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">darcyegb</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#2d2d2d" filter="url(#textGlow)">Claude-Code</text>
+              fill="#2d2d2d" filter="url(#textGlow)">ClaudeCodeAgents</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#9C4EFF">
-          ⭐ 2
+          ⭐ 406
         </text>
         <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
           0
@@ -630,7 +630,7 @@
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FF6B35">
-          👁 2
+          👁 406
         </text>
         <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
           0
@@ -638,139 +638,139 @@
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FFD700">
-          🔱 142
+          🔱 35
         </text>
-        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
-          0
+        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
+          +1
         </text>
       </g>
-      <!-- Repo: Cranot/claude-code-guide -->
+      <!-- Repo: https-deeplearning-ai/sc-claude-code-files -->
       <g transform="translate(1800, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">Cranot</text>
+              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">https-deeplearning-ai</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#2d2d2d" filter="url(#textGlow)">claude-code-guide</text>
+              fill="#2d2d2d" filter="url(#textGlow)">sc-claude-code-files</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#9C4EFF">
-          ⭐ 2.2K
+          ⭐ 333
         </text>
-        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +5
+        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FF6B35">
-          👁 2.2K
+          👁 333
         </text>
-        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +5
+        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FFD700">
-          🔱 244
+          🔱 409
         </text>
         <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
           0
         </text>
       </g>
-      <!-- Repo: musistudio/claude-code-router -->
+      <!-- Repo: UfoMiao/zcf -->
       <g transform="translate(2100, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">musistudio</text>
+              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">UfoMiao</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#2d2d2d" filter="url(#textGlow)">claude-code-router</text>
+              fill="#2d2d2d" filter="url(#textGlow)">zcf</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#9C4EFF">
-          ⭐ 23.3K
+          ⭐ 4.7K
         </text>
         <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +83
+          +4
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FF6B35">
-          👁 23.3K
+          👁 4.7K
         </text>
         <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +83
+          +4
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FFD700">
-          🔱 1.8K
+          🔱 335
         </text>
-        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +6
+        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
       </g>
-      <!-- Repo: numman-ali/openskills -->
+      <!-- Repo: kodu-ai/claude-coder -->
       <g transform="translate(2400, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">numman-ali</text>
+              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">kodu-ai</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#2d2d2d" filter="url(#textGlow)">openskills</text>
+              fill="#2d2d2d" filter="url(#textGlow)">claude-coder</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#9C4EFF">
-          ⭐ 2.1K
+          ⭐ 5.3K
         </text>
-        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +86
+        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FF6B35">
-          👁 2.1K
+          👁 5.3K
         </text>
-        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +86
+        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FFD700">
-          🔱 156
+          🔱 202
         </text>
-        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +4
+        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
       </g>
-      <!-- Repo: peterkrueck/Claude-Code-Development-Kit -->
+      <!-- Repo: seifghazi/claude-code-proxy -->
       <g transform="translate(2700, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">peterkrueck</text>
+              fill="#2d2d2d" opacity="0.7" filter="url(#textGlow)">seifghazi</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#2d2d2d" filter="url(#textGlow)">Claude-Code-Developm...</text>
+              fill="#2d2d2d" filter="url(#textGlow)">claude-code-proxy</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#9C4EFF">
-          ⭐ 1.3K
+          ⭐ 306
         </text>
-        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +2
+        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FF6B35">
-          👁 1.3K
+          👁 306
         </text>
-        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#00aa00">
-          +2
+        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#FFD700">
-          🔱 141
+          🔱 49
         </text>
         <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
           0
diff --git a/assets/repo-ticker.svg b/assets/repo-ticker.svg
index cec93021..f454bcc3 100644
--- a/assets/repo-ticker.svg
+++ b/assets/repo-ticker.svg
@@ -103,318 +103,318 @@
         dur="50s"
         repeatCount="indefinite"/>
 
-      <!-- Repo: winfunc/opcode -->
+      <!-- Repo: davila7/claude-code-templates -->
       <g transform="translate(0, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">winfunc</text>
+              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">davila7</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#ffffff" filter="url(#textGlow)">opcode</text>
+              fill="#ffffff" filter="url(#textGlow)">claude-code-template...</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ffff">
-          ⭐ 19.2K
+          ⭐ 12.5K
         </text>
         <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +72
+          +8
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#66ff66">
-          👁 19.2K
+          👁 12.5K
         </text>
         <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +72
+          +8
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ff99">
-          🔱 1.5K
+          🔱 1.1K
         </text>
-        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +14
+        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#ff3333">
+          -1
         </text>
       </g>
-      <!-- Repo: sugyan/claude-code-webui -->
+      <!-- Repo: https-deeplearning-ai/sc-claude-code-files -->
       <g transform="translate(300, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">sugyan</text>
+              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">https-deeplearning-ai</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#ffffff" filter="url(#textGlow)">claude-code-webui</text>
+              fill="#ffffff" filter="url(#textGlow)">sc-claude-code-files</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ffff">
-          ⭐ 740
+          ⭐ 333
         </text>
-        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +2
+        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#66ff66">
-          👁 740
+          👁 333
         </text>
-        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +2
+        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ff99">
-          🔱 164
+          🔱 409
         </text>
         <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
           0
         </text>
       </g>
-      <!-- Repo: d-kimuson/claude-code-viewer -->
+      <!-- Repo: vijaythecoder/awesome-claude-agents -->
       <g transform="translate(600, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">d-kimuson</text>
+              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">vijaythecoder</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#ffffff" filter="url(#textGlow)">claude-code-viewer</text>
+              fill="#ffffff" filter="url(#textGlow)">awesome-claude-agent...</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ffff">
-          ⭐ 682
+          ⭐ 3.5K
         </text>
-        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +4
+        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#66ff66">
-          👁 682
+          👁 3.5K
         </text>
-        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +4
+        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ff99">
-          🔱 55
+          🔱 431
         </text>
         <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
           0
         </text>
       </g>
-      <!-- Repo: EnzeD/vibe-coding -->
+      <!-- Repo: siteboon/claudecodeui -->
       <g transform="translate(900, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">EnzeD</text>
+              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">siteboon</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#ffffff" filter="url(#textGlow)">vibe-coding</text>
+              fill="#ffffff" filter="url(#textGlow)">claudecodeui</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ffff">
-          ⭐ 2.6K
+          ⭐ 5.0K
         </text>
-        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +222
+        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#66ff66">
-          👁 2.6K
+          👁 5.0K
         </text>
-        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +222
+        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ff99">
-          🔱 378
+          🔱 637
         </text>
-        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +92
+        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#ff3333">
+          -1
         </text>
       </g>
-      <!-- Repo: kn1026/cc -->
+      <!-- Repo: coleam00/context-engineering-intro -->
       <g transform="translate(1200, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">kn1026</text>
+              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">coleam00</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#ffffff" filter="url(#textGlow)">cc</text>
+              fill="#ffffff" filter="url(#textGlow)">context-engineering-...</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ffff">
-          ⭐ 696
+          ⭐ 11.8K
         </text>
         <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +2
+          +1
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#66ff66">
-          👁 696
+          👁 11.8K
         </text>
         <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +2
+          +1
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ff99">
-          🔱 269
+          🔱 2.5K
         </text>
         <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
           +1
         </text>
       </g>
-      <!-- Repo: 0xfurai/claude-code-subagents -->
+      <!-- Repo: edmund-io/edmunds-claude-code -->
       <g transform="translate(1500, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">0xfurai</text>
+              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">edmund-io</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#ffffff" filter="url(#textGlow)">claude-code-subagent...</text>
+              fill="#ffffff" filter="url(#textGlow)">edmunds-claude-code</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ffff">
-          ⭐ 570
+          ⭐ 653
         </text>
         <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +6
+          +1
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#66ff66">
-          👁 570
+          👁 653
         </text>
         <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +6
+          +1
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ff99">
-          🔱 114
+          🔱 133
         </text>
-        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +1
+        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
       </g>
-      <!-- Repo: ananddtyagi/claude-code-marketplace -->
+      <!-- Repo: severity1/claude-code-prompt-improver -->
       <g transform="translate(1800, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">ananddtyagi</text>
+              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">severity1</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#ffffff" filter="url(#textGlow)">claude-code-marketpl...</text>
+              fill="#ffffff" filter="url(#textGlow)">claude-code-prompt-i...</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ffff">
-          ⭐ 528
+          ⭐ 970
         </text>
-        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +5
+        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#66ff66">
-          👁 528
+          👁 970
         </text>
-        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +5
+        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ff99">
-          🔱 42
+          🔱 91
         </text>
         <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
           0
         </text>
       </g>
-      <!-- Repo: superdesigndev/superdesign -->
+      <!-- Repo: ericc-ch/copilot-api -->
       <g transform="translate(2100, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">superdesigndev</text>
+              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">ericc-ch</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#ffffff" filter="url(#textGlow)">superdesign</text>
+              fill="#ffffff" filter="url(#textGlow)">copilot-api</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ffff">
-          ⭐ 5.5K
+          ⭐ 1.8K
         </text>
         <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +15
+          +1
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#66ff66">
-          👁 5.5K
+          👁 1.8K
         </text>
         <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +15
+          +1
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ff99">
-          🔱 625
+          🔱 301
         </text>
         <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
           +2
         </text>
       </g>
-      <!-- Repo: jeremylongshore/claude-code-plugins-plus -->
+      <!-- Repo: OneRedOak/claude-code-workflows -->
       <g transform="translate(2400, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">jeremylongshore</text>
+              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">OneRedOak</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#ffffff" filter="url(#textGlow)">claude-code-plugins-...</text>
+              fill="#ffffff" filter="url(#textGlow)">claude-code-workflow...</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ffff">
-          ⭐ 638
+          ⭐ 3.3K
         </text>
         <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +7
+          +3
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#66ff66">
-          👁 638
+          👁 3.3K
         </text>
         <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +7
+          +3
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ff99">
-          🔱 66
+          🔱 490
         </text>
-        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
-          0
+        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
+          +1
         </text>
       </g>
-      <!-- Repo: EveryInc/compound-engineering-plugin -->
+      <!-- Repo: router-for-me/CLIProxyAPI -->
       <g transform="translate(2700, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">EveryInc</text>
+              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">router-for-me</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#ffffff" filter="url(#textGlow)">compound-engineering...</text>
+              fill="#ffffff" filter="url(#textGlow)">CLIProxyAPI</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ffff">
           ⭐ 2.7K
         </text>
         <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +48
+          +10
         </text>
 
         <!-- Watchers -->
@@ -422,12 +422,12 @@
           👁 2.7K
         </text>
         <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +48
+          +10
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ff99">
-          🔱 230
+          🔱 398
         </text>
         <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
           +4
@@ -446,318 +446,318 @@
         dur="50s"
         repeatCount="indefinite"/>
 
-      <!-- Repo: winfunc/opcode -->
+      <!-- Repo: davila7/claude-code-templates -->
       <g transform="translate(0, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">winfunc</text>
+              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">davila7</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#ffffff" filter="url(#textGlow)">opcode</text>
+              fill="#ffffff" filter="url(#textGlow)">claude-code-template...</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ffff">
-          ⭐ 19.2K
+          ⭐ 12.5K
         </text>
         <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +72
+          +8
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#66ff66">
-          👁 19.2K
+          👁 12.5K
         </text>
         <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +72
+          +8
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ff99">
-          🔱 1.5K
+          🔱 1.1K
         </text>
-        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +14
+        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#ff3333">
+          -1
         </text>
       </g>
-      <!-- Repo: sugyan/claude-code-webui -->
+      <!-- Repo: https-deeplearning-ai/sc-claude-code-files -->
       <g transform="translate(300, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">sugyan</text>
+              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">https-deeplearning-ai</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#ffffff" filter="url(#textGlow)">claude-code-webui</text>
+              fill="#ffffff" filter="url(#textGlow)">sc-claude-code-files</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ffff">
-          ⭐ 740
+          ⭐ 333
         </text>
-        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +2
+        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#66ff66">
-          👁 740
+          👁 333
         </text>
-        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +2
+        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ff99">
-          🔱 164
+          🔱 409
         </text>
         <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
           0
         </text>
       </g>
-      <!-- Repo: d-kimuson/claude-code-viewer -->
+      <!-- Repo: vijaythecoder/awesome-claude-agents -->
       <g transform="translate(600, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">d-kimuson</text>
+              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">vijaythecoder</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#ffffff" filter="url(#textGlow)">claude-code-viewer</text>
+              fill="#ffffff" filter="url(#textGlow)">awesome-claude-agent...</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ffff">
-          ⭐ 682
+          ⭐ 3.5K
         </text>
-        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +4
+        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#66ff66">
-          👁 682
+          👁 3.5K
         </text>
-        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +4
+        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ff99">
-          🔱 55
+          🔱 431
         </text>
         <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
           0
         </text>
       </g>
-      <!-- Repo: EnzeD/vibe-coding -->
+      <!-- Repo: siteboon/claudecodeui -->
       <g transform="translate(900, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">EnzeD</text>
+              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">siteboon</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#ffffff" filter="url(#textGlow)">vibe-coding</text>
+              fill="#ffffff" filter="url(#textGlow)">claudecodeui</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ffff">
-          ⭐ 2.6K
+          ⭐ 5.0K
         </text>
-        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +222
+        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#66ff66">
-          👁 2.6K
+          👁 5.0K
         </text>
-        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +222
+        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ff99">
-          🔱 378
+          🔱 637
         </text>
-        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +92
+        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#ff3333">
+          -1
         </text>
       </g>
-      <!-- Repo: kn1026/cc -->
+      <!-- Repo: coleam00/context-engineering-intro -->
       <g transform="translate(1200, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">kn1026</text>
+              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">coleam00</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#ffffff" filter="url(#textGlow)">cc</text>
+              fill="#ffffff" filter="url(#textGlow)">context-engineering-...</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ffff">
-          ⭐ 696
+          ⭐ 11.8K
         </text>
         <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +2
+          +1
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#66ff66">
-          👁 696
+          👁 11.8K
         </text>
         <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +2
+          +1
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ff99">
-          🔱 269
+          🔱 2.5K
         </text>
         <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
           +1
         </text>
       </g>
-      <!-- Repo: 0xfurai/claude-code-subagents -->
+      <!-- Repo: edmund-io/edmunds-claude-code -->
       <g transform="translate(1500, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">0xfurai</text>
+              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">edmund-io</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#ffffff" filter="url(#textGlow)">claude-code-subagent...</text>
+              fill="#ffffff" filter="url(#textGlow)">edmunds-claude-code</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ffff">
-          ⭐ 570
+          ⭐ 653
         </text>
         <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +6
+          +1
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#66ff66">
-          👁 570
+          👁 653
         </text>
         <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +6
+          +1
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ff99">
-          🔱 114
+          🔱 133
         </text>
-        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +1
+        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
       </g>
-      <!-- Repo: ananddtyagi/claude-code-marketplace -->
+      <!-- Repo: severity1/claude-code-prompt-improver -->
       <g transform="translate(1800, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">ananddtyagi</text>
+              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">severity1</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#ffffff" filter="url(#textGlow)">claude-code-marketpl...</text>
+              fill="#ffffff" filter="url(#textGlow)">claude-code-prompt-i...</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ffff">
-          ⭐ 528
+          ⭐ 970
         </text>
-        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +5
+        <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#66ff66">
-          👁 528
+          👁 970
         </text>
-        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +5
+        <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
+          0
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ff99">
-          🔱 42
+          🔱 91
         </text>
         <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
           0
         </text>
       </g>
-      <!-- Repo: superdesigndev/superdesign -->
+      <!-- Repo: ericc-ch/copilot-api -->
       <g transform="translate(2100, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">superdesigndev</text>
+              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">ericc-ch</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#ffffff" filter="url(#textGlow)">superdesign</text>
+              fill="#ffffff" filter="url(#textGlow)">copilot-api</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ffff">
-          ⭐ 5.5K
+          ⭐ 1.8K
         </text>
         <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +15
+          +1
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#66ff66">
-          👁 5.5K
+          👁 1.8K
         </text>
         <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +15
+          +1
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ff99">
-          🔱 625
+          🔱 301
         </text>
         <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
           +2
         </text>
       </g>
-      <!-- Repo: jeremylongshore/claude-code-plugins-plus -->
+      <!-- Repo: OneRedOak/claude-code-workflows -->
       <g transform="translate(2400, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">jeremylongshore</text>
+              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">OneRedOak</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#ffffff" filter="url(#textGlow)">claude-code-plugins-...</text>
+              fill="#ffffff" filter="url(#textGlow)">claude-code-workflow...</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ffff">
-          ⭐ 638
+          ⭐ 3.3K
         </text>
         <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +7
+          +3
         </text>
 
         <!-- Watchers -->
         <text x="220" y="60" font-family="'Courier New', monospace" font-size="11" fill="#66ff66">
-          👁 638
+          👁 3.3K
         </text>
         <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +7
+          +3
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ff99">
-          🔱 66
+          🔱 490
         </text>
-        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#888888">
-          0
+        <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
+          +1
         </text>
       </g>
-      <!-- Repo: EveryInc/compound-engineering-plugin -->
+      <!-- Repo: router-for-me/CLIProxyAPI -->
       <g transform="translate(2700, 0)">
         <!-- Owner name -->
         <text x="140" y="22" font-family="'Courier New', monospace" font-size="12" font-weight="normal"
-              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">EveryInc</text>
+              fill="#ffffff" opacity="0.7" filter="url(#textGlow)">router-for-me</text>
         <!-- Repo name -->
         <text x="140" y="38" font-family="'Courier New', monospace" font-size="16" font-weight="bold"
-              fill="#ffffff" filter="url(#textGlow)">compound-engineering...</text>
+              fill="#ffffff" filter="url(#textGlow)">CLIProxyAPI</text>
 
         <!-- Stars -->
         <text x="140" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ffff">
           ⭐ 2.7K
         </text>
         <text x="140" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +48
+          +10
         </text>
 
         <!-- Watchers -->
@@ -765,12 +765,12 @@
           👁 2.7K
         </text>
         <text x="220" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
-          +48
+          +10
         </text>
 
         <!-- Forks -->
         <text x="290" y="60" font-family="'Courier New', monospace" font-size="11" fill="#00ff99">
-          🔱 230
+          🔱 398
         </text>
         <text x="290" y="72" font-family="'Courier New', monospace" font-size="9" fill="#33ff33">
           +4
diff --git a/assets/subheader_alternative_clients_general.svg b/assets/subheader_alternative_clients_general.svg
new file mode 100644
index 00000000..6a610bd8
--- /dev/null
+++ b/assets/subheader_alternative_clients_general.svg
@@ -0,0 +1,36 @@
+<svg width="100%" height="36" viewBox="0 0 120 36" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <!-- Very subtle glow -->
+    <filter id="minimalGlow">
+      <feGaussianBlur stdDeviation="1" result="coloredBlur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+
+    <!-- Simple gradient -->
+    <linearGradient id="minimalGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#FF6B35" stop-opacity="1"/>
+      <stop offset="100%" stop-color="#8B5A3C" stop-opacity="1"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Left decorative element -->
+  <g>
+    <line x1="0" y1="18" x2="12" y2="18" stroke="#FF6B35" stroke-width="3" stroke-linecap="round" opacity="0.8">
+      <animate attributeName="x2" values="12;16;12" dur="3s" repeatCount="indefinite"/>
+      <animate attributeName="opacity" values="0.7;1;0.7" dur="3s" repeatCount="indefinite"/>
+    </line>
+    <circle cx="18" cy="18" r="2" fill="#FF8C5A" opacity="0.7">
+      <animate attributeName="r" values="2;2.5;2" dur="3s" repeatCount="indefinite"/>
+      <animate attributeName="opacity" values="0.6;0.9;0.6" dur="3s" repeatCount="indefinite"/>
+    </circle>
+  </g>
+
+  <!-- Header text -->
+  <text x="30" y="24" font-family="system-ui, -apple-system, sans-serif" font-size="18" font-weight="600" fill="url(#minimalGrad)" filter="url(#minimalGlow)">
+    General
+    <animate attributeName="opacity" values="0.93;1;0.93" dur="4s" repeatCount="indefinite"/>
+  </text>
+</svg>
\ No newline at end of file
diff --git a/assets/subheader_hooks_general.svg b/assets/subheader_hooks_general.svg
new file mode 100644
index 00000000..6a610bd8
--- /dev/null
+++ b/assets/subheader_hooks_general.svg
@@ -0,0 +1,36 @@
+<svg width="100%" height="36" viewBox="0 0 120 36" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <!-- Very subtle glow -->
+    <filter id="minimalGlow">
+      <feGaussianBlur stdDeviation="1" result="coloredBlur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+
+    <!-- Simple gradient -->
+    <linearGradient id="minimalGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#FF6B35" stop-opacity="1"/>
+      <stop offset="100%" stop-color="#8B5A3C" stop-opacity="1"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Left decorative element -->
+  <g>
+    <line x1="0" y1="18" x2="12" y2="18" stroke="#FF6B35" stroke-width="3" stroke-linecap="round" opacity="0.8">
+      <animate attributeName="x2" values="12;16;12" dur="3s" repeatCount="indefinite"/>
+      <animate attributeName="opacity" values="0.7;1;0.7" dur="3s" repeatCount="indefinite"/>
+    </line>
+    <circle cx="18" cy="18" r="2" fill="#FF8C5A" opacity="0.7">
+      <animate attributeName="r" values="2;2.5;2" dur="3s" repeatCount="indefinite"/>
+      <animate attributeName="opacity" values="0.6;0.9;0.6" dur="3s" repeatCount="indefinite"/>
+    </circle>
+  </g>
+
+  <!-- Header text -->
+  <text x="30" y="24" font-family="system-ui, -apple-system, sans-serif" font-size="18" font-weight="600" fill="url(#minimalGrad)" filter="url(#minimalGlow)">
+    General
+    <animate attributeName="opacity" values="0.93;1;0.93" dur="4s" repeatCount="indefinite"/>
+  </text>
+</svg>
\ No newline at end of file
diff --git a/assets/subheader_official_documentation_general.svg b/assets/subheader_official_documentation_general.svg
new file mode 100644
index 00000000..6a610bd8
--- /dev/null
+++ b/assets/subheader_official_documentation_general.svg
@@ -0,0 +1,36 @@
+<svg width="100%" height="36" viewBox="0 0 120 36" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <!-- Very subtle glow -->
+    <filter id="minimalGlow">
+      <feGaussianBlur stdDeviation="1" result="coloredBlur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+
+    <!-- Simple gradient -->
+    <linearGradient id="minimalGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#FF6B35" stop-opacity="1"/>
+      <stop offset="100%" stop-color="#8B5A3C" stop-opacity="1"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Left decorative element -->
+  <g>
+    <line x1="0" y1="18" x2="12" y2="18" stroke="#FF6B35" stroke-width="3" stroke-linecap="round" opacity="0.8">
+      <animate attributeName="x2" values="12;16;12" dur="3s" repeatCount="indefinite"/>
+      <animate attributeName="opacity" values="0.7;1;0.7" dur="3s" repeatCount="indefinite"/>
+    </line>
+    <circle cx="18" cy="18" r="2" fill="#FF8C5A" opacity="0.7">
+      <animate attributeName="r" values="2;2.5;2" dur="3s" repeatCount="indefinite"/>
+      <animate attributeName="opacity" values="0.6;0.9;0.6" dur="3s" repeatCount="indefinite"/>
+    </circle>
+  </g>
+
+  <!-- Header text -->
+  <text x="30" y="24" font-family="system-ui, -apple-system, sans-serif" font-size="18" font-weight="600" fill="url(#minimalGrad)" filter="url(#minimalGlow)">
+    General
+    <animate attributeName="opacity" values="0.93;1;0.93" dur="4s" repeatCount="indefinite"/>
+  </text>
+</svg>
\ No newline at end of file
diff --git a/assets/subheader_skills_general.svg b/assets/subheader_skills_general.svg
new file mode 100644
index 00000000..6a610bd8
--- /dev/null
+++ b/assets/subheader_skills_general.svg
@@ -0,0 +1,36 @@
+<svg width="100%" height="36" viewBox="0 0 120 36" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <!-- Very subtle glow -->
+    <filter id="minimalGlow">
+      <feGaussianBlur stdDeviation="1" result="coloredBlur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+
+    <!-- Simple gradient -->
+    <linearGradient id="minimalGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#FF6B35" stop-opacity="1"/>
+      <stop offset="100%" stop-color="#8B5A3C" stop-opacity="1"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Left decorative element -->
+  <g>
+    <line x1="0" y1="18" x2="12" y2="18" stroke="#FF6B35" stroke-width="3" stroke-linecap="round" opacity="0.8">
+      <animate attributeName="x2" values="12;16;12" dur="3s" repeatCount="indefinite"/>
+      <animate attributeName="opacity" values="0.7;1;0.7" dur="3s" repeatCount="indefinite"/>
+    </line>
+    <circle cx="18" cy="18" r="2" fill="#FF8C5A" opacity="0.7">
+      <animate attributeName="r" values="2;2.5;2" dur="3s" repeatCount="indefinite"/>
+      <animate attributeName="opacity" values="0.6;0.9;0.6" dur="3s" repeatCount="indefinite"/>
+    </circle>
+  </g>
+
+  <!-- Header text -->
+  <text x="30" y="24" font-family="system-ui, -apple-system, sans-serif" font-size="18" font-weight="600" fill="url(#minimalGrad)" filter="url(#minimalGlow)">
+    General
+    <animate attributeName="opacity" values="0.93;1;0.93" dur="4s" repeatCount="indefinite"/>
+  </text>
+</svg>
\ No newline at end of file
diff --git a/assets/subheader_slash_commands_general.svg b/assets/subheader_slash_commands_general.svg
new file mode 100644
index 00000000..6a610bd8
--- /dev/null
+++ b/assets/subheader_slash_commands_general.svg
@@ -0,0 +1,36 @@
+<svg width="100%" height="36" viewBox="0 0 120 36" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <!-- Very subtle glow -->
+    <filter id="minimalGlow">
+      <feGaussianBlur stdDeviation="1" result="coloredBlur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+
+    <!-- Simple gradient -->
+    <linearGradient id="minimalGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#FF6B35" stop-opacity="1"/>
+      <stop offset="100%" stop-color="#8B5A3C" stop-opacity="1"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Left decorative element -->
+  <g>
+    <line x1="0" y1="18" x2="12" y2="18" stroke="#FF6B35" stroke-width="3" stroke-linecap="round" opacity="0.8">
+      <animate attributeName="x2" values="12;16;12" dur="3s" repeatCount="indefinite"/>
+      <animate attributeName="opacity" values="0.7;1;0.7" dur="3s" repeatCount="indefinite"/>
+    </line>
+    <circle cx="18" cy="18" r="2" fill="#FF8C5A" opacity="0.7">
+      <animate attributeName="r" values="2;2.5;2" dur="3s" repeatCount="indefinite"/>
+      <animate attributeName="opacity" values="0.6;0.9;0.6" dur="3s" repeatCount="indefinite"/>
+    </circle>
+  </g>
+
+  <!-- Header text -->
+  <text x="30" y="24" font-family="system-ui, -apple-system, sans-serif" font-size="18" font-weight="600" fill="url(#minimalGrad)" filter="url(#minimalGlow)">
+    General
+    <animate attributeName="opacity" values="0.93;1;0.93" dur="4s" repeatCount="indefinite"/>
+  </text>
+</svg>
\ No newline at end of file
diff --git a/assets/subheader_statusline_general.svg b/assets/subheader_statusline_general.svg
new file mode 100644
index 00000000..6a610bd8
--- /dev/null
+++ b/assets/subheader_statusline_general.svg
@@ -0,0 +1,36 @@
+<svg width="100%" height="36" viewBox="0 0 120 36" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <!-- Very subtle glow -->
+    <filter id="minimalGlow">
+      <feGaussianBlur stdDeviation="1" result="coloredBlur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+
+    <!-- Simple gradient -->
+    <linearGradient id="minimalGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#FF6B35" stop-opacity="1"/>
+      <stop offset="100%" stop-color="#8B5A3C" stop-opacity="1"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Left decorative element -->
+  <g>
+    <line x1="0" y1="18" x2="12" y2="18" stroke="#FF6B35" stroke-width="3" stroke-linecap="round" opacity="0.8">
+      <animate attributeName="x2" values="12;16;12" dur="3s" repeatCount="indefinite"/>
+      <animate attributeName="opacity" values="0.7;1;0.7" dur="3s" repeatCount="indefinite"/>
+    </line>
+    <circle cx="18" cy="18" r="2" fill="#FF8C5A" opacity="0.7">
+      <animate attributeName="r" values="2;2.5;2" dur="3s" repeatCount="indefinite"/>
+      <animate attributeName="opacity" values="0.6;0.9;0.6" dur="3s" repeatCount="indefinite"/>
+    </circle>
+  </g>
+
+  <!-- Header text -->
+  <text x="30" y="24" font-family="system-ui, -apple-system, sans-serif" font-size="18" font-weight="600" fill="url(#minimalGrad)" filter="url(#minimalGlow)">
+    General
+    <animate attributeName="opacity" values="0.93;1;0.93" dur="4s" repeatCount="indefinite"/>
+  </text>
+</svg>
\ No newline at end of file
diff --git a/assets/subheader_tooling_general.svg b/assets/subheader_tooling_general.svg
new file mode 100644
index 00000000..6a610bd8
--- /dev/null
+++ b/assets/subheader_tooling_general.svg
@@ -0,0 +1,36 @@
+<svg width="100%" height="36" viewBox="0 0 120 36" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <!-- Very subtle glow -->
+    <filter id="minimalGlow">
+      <feGaussianBlur stdDeviation="1" result="coloredBlur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+
+    <!-- Simple gradient -->
+    <linearGradient id="minimalGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#FF6B35" stop-opacity="1"/>
+      <stop offset="100%" stop-color="#8B5A3C" stop-opacity="1"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Left decorative element -->
+  <g>
+    <line x1="0" y1="18" x2="12" y2="18" stroke="#FF6B35" stroke-width="3" stroke-linecap="round" opacity="0.8">
+      <animate attributeName="x2" values="12;16;12" dur="3s" repeatCount="indefinite"/>
+      <animate attributeName="opacity" values="0.7;1;0.7" dur="3s" repeatCount="indefinite"/>
+    </line>
+    <circle cx="18" cy="18" r="2" fill="#FF8C5A" opacity="0.7">
+      <animate attributeName="r" values="2;2.5;2" dur="3s" repeatCount="indefinite"/>
+      <animate attributeName="opacity" values="0.6;0.9;0.6" dur="3s" repeatCount="indefinite"/>
+    </circle>
+  </g>
+
+  <!-- Header text -->
+  <text x="30" y="24" font-family="system-ui, -apple-system, sans-serif" font-size="18" font-weight="600" fill="url(#minimalGrad)" filter="url(#minimalGlow)">
+    General
+    <animate attributeName="opacity" values="0.93;1;0.93" dur="4s" repeatCount="indefinite"/>
+  </text>
+</svg>
\ No newline at end of file
diff --git a/assets/subheader_workflows_general.svg b/assets/subheader_workflows_general.svg
new file mode 100644
index 00000000..6a610bd8
--- /dev/null
+++ b/assets/subheader_workflows_general.svg
@@ -0,0 +1,36 @@
+<svg width="100%" height="36" viewBox="0 0 120 36" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <!-- Very subtle glow -->
+    <filter id="minimalGlow">
+      <feGaussianBlur stdDeviation="1" result="coloredBlur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+
+    <!-- Simple gradient -->
+    <linearGradient id="minimalGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#FF6B35" stop-opacity="1"/>
+      <stop offset="100%" stop-color="#8B5A3C" stop-opacity="1"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Left decorative element -->
+  <g>
+    <line x1="0" y1="18" x2="12" y2="18" stroke="#FF6B35" stroke-width="3" stroke-linecap="round" opacity="0.8">
+      <animate attributeName="x2" values="12;16;12" dur="3s" repeatCount="indefinite"/>
+      <animate attributeName="opacity" values="0.7;1;0.7" dur="3s" repeatCount="indefinite"/>
+    </line>
+    <circle cx="18" cy="18" r="2" fill="#FF8C5A" opacity="0.7">
+      <animate attributeName="r" values="2;2.5;2" dur="3s" repeatCount="indefinite"/>
+      <animate attributeName="opacity" values="0.6;0.9;0.6" dur="3s" repeatCount="indefinite"/>
+    </circle>
+  </g>
+
+  <!-- Header text -->
+  <text x="30" y="24" font-family="system-ui, -apple-system, sans-serif" font-size="18" font-weight="600" fill="url(#minimalGrad)" filter="url(#minimalGlow)">
+    General
+    <animate attributeName="opacity" values="0.93;1;0.93" dur="4s" repeatCount="indefinite"/>
+  </text>
+</svg>
\ No newline at end of file
diff --git a/assets/terminal-header.svg b/assets/terminal-header.svg
index 1db54403..0c118e0b 100644
--- a/assets/terminal-header.svg
+++ b/assets/terminal-header.svg
@@ -2,10 +2,8 @@
   <defs>
     <!-- CRT screen glow -->
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="3" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="1" result="coloredBlur"/>
       <feMerge>
-        <feMergeNode in="coloredBlur"/>
-        <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
       </feMerge>
     </filter>
diff --git a/assets/toc-header-light-anim-lineprint.svg b/assets/toc-header-light-anim-lineprint.svg
index 79c5bf1d..d23171c5 100644
--- a/assets/toc-header-light-anim-lineprint.svg
+++ b/assets/toc-header-light-anim-lineprint.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="60" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="48" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 48">
   <!--
     Vintage Manual Style - TOC Header with LINE PRINTER ANIMATION
 
@@ -37,10 +37,10 @@
   <!-- Content with clip path -->
   <g clip-path="url(#lineReveal)">
     <!-- Simple border -->
-    <rect x="2" y="2" width="846" height="56" fill="none" stroke="#c4baa8" stroke-width="1" rx="2"/>
+    <rect x="2" y="2" width="400" height="56" fill="none" stroke="#c4baa8" stroke-width="1" rx="2"/>
 
     <!-- Header title -->
-    <text x="425" y="28"
+    <text x="200" y="28"
           font-family="Georgia, 'Times New Roman', serif"
           font-size="18"
           font-weight="400"
diff --git a/assets/toc-header-light-anim-scanline.svg b/assets/toc-header-light-anim-scanline.svg
index 22235c1b..ab11da06 100644
--- a/assets/toc-header-light-anim-scanline.svg
+++ b/assets/toc-header-light-anim-scanline.svg
@@ -1,76 +1,32 @@
-<svg width="850" height="60" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    Vintage Technical Manual Style - TOC Header with SCAN LINE animation
-    Cycle: 8s | Visible horizontal streak sweep
-  -->
+<svg width="400" height="48" viewBox="0 0 400 48" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
-    <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
+    <linearGradient id="tocHeaderBg" x1="0%" y1="0%" x2="0%" y2="100%">
       <stop offset="0%" style="stop-color:#faf8f3"/>
-      <stop offset="100%" style="stop-color:#f5f0e6"/>
+      <stop offset="100%" style="stop-color:#f3eee4"/>
     </linearGradient>
   </defs>
 
-  <!-- Paper background -->
-  <rect width="850" height="60" fill="url(#paperBg)"/>
+  <rect x="0.5" y="0.5" width="399" height="47" rx="3" ry="3" fill="url(#tocHeaderBg)" stroke="#c4baa8" stroke-width="1"/>
 
-  <!-- Simple border -->
-  <rect x="2" y="2" width="846" height="56" fill="none" stroke="#c4baa8" stroke-width="1" rx="2"/>
-
-  <!-- Header title -->
-  <text x="425" y="28"
+  <!-- Center title -->
+  <text x="200" y="28"
         font-family="Georgia, 'Times New Roman', serif"
-        font-size="18"
-        font-weight="400"
+        font-size="17"
+        font-weight="600"
         fill="#3d3530"
         text-anchor="middle"
-        letter-spacing="6">
+        letter-spacing="2">
     CONTENTS
   </text>
 
-  <!-- Decorative lines flanking title -->
-  <line x1="120" y1="25" x2="300" y2="25" stroke="#5c5247" stroke-width="0.75" opacity="0.4"/>
-  <line x1="550" y1="25" x2="730" y2="25" stroke="#5c5247" stroke-width="0.75" opacity="0.4"/>
-
-  <!-- Small diamond ornaments -->
-  <g fill="#5c5247" opacity="0.5">
-    <path d="M 310 25 L 315 20 L 320 25 L 315 30 Z"/>
-    <path d="M 530 25 L 535 20 L 540 25 L 535 30 Z"/>
+  <!-- Decorative diamonds -->
+  <g fill="#5c5247" opacity="0.65">
+    <path d="M 118 24 L 124 18 L 130 24 L 124 30 Z"/>
+    <path d="M 282 24 L 288 18 L 294 24 L 288 30 Z"/>
   </g>
 
-  <!-- Column headers -->
-  <text x="60" y="50"
-        font-family="'Courier New', Courier, monospace"
-        font-size="9"
-        fill="#7a6b5f"
-        letter-spacing="1">
-    SECTION
-  </text>
-  <text x="140" y="50"
-        font-family="'Courier New', Courier, monospace"
-        font-size="9"
-        fill="#7a6b5f"
-        letter-spacing="1">
-    TITLE
-  </text>
-  <text x="760" y="50"
-        font-family="'Courier New', Courier, monospace"
-        font-size="9"
-        fill="#7a6b5f"
-        text-anchor="end"
-        letter-spacing="1">
-    REF
-  </text>
-
-  <!-- Scan line streaks - horizontal sweep left to right -->
-  <g opacity="0.2">
-    <rect x="-30" y="8" width="3" height="44" fill="#5c5247" rx="1.5">
-      <animate attributeName="x" values="-30;880;-30;-30" keyTimes="0;0.05;0.10;1" dur="16s" begin="0s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-    <rect x="-22" y="12" width="1.5" height="36" fill="#c96442" rx="0.75">
-      <animate attributeName="x" values="-22;888;-22;-22" keyTimes="0;0.05;0.10;1" dur="16s" begin="0s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-    <rect x="-16" y="10" width="1.2" height="40" fill="#8a7b6f" rx="0.6">
-      <animate attributeName="x" values="-16;894;-16;-16" keyTimes="0;0.05;0.10;1" dur="16s" begin="0s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-  </g>
-</svg>
+  <!-- Light scan indicator -->
+  <rect x="-40" y="2" width="3" height="44" fill="#d2c5b4" opacity="0.16">
+    <animate attributeName="x" values="-40;420;420;-40" keyTimes="0;0.28;0.98;1" dur="7s" repeatCount="indefinite" />
+  </rect>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-header-light-manual.svg b/assets/toc-header-light-manual.svg
index bff272f7..c66bd149 100644
--- a/assets/toc-header-light-manual.svg
+++ b/assets/toc-header-light-manual.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="60" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="48" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 48">
   <!--
     Vintage Technical Manual Style - Table of Contents Header
     Classic documentation table of contents styling
diff --git a/assets/toc-header-light.svg b/assets/toc-header-light.svg
index a9c4e266..edfd4c3f 100644
--- a/assets/toc-header-light.svg
+++ b/assets/toc-header-light.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="60" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="48" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 48">
   <defs>
     <!-- Modern subtle glow -->
     <filter id="textGlow">
diff --git a/assets/toc-header.svg b/assets/toc-header.svg
index ce373342..58687989 100644
--- a/assets/toc-header.svg
+++ b/assets/toc-header.svg
@@ -1,7 +1,7 @@
-<svg width="850" height="60" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="48" viewBox="0 0 400 48" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.2" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -19,30 +19,29 @@
   </defs>
 
   <!-- Monitor bezel top -->
-  <rect width="850" height="60" fill="#1a1a1a" stroke="#0a0a0a" stroke-width="3"/>
+  <rect width="400" height="40" fill="#1a1a1a" stroke="#0a0a0a" stroke-width="3"/>
 
   <!-- Screen -->
-  <rect x="7" y="7" width="836" height="46" fill="url(#phosphor)"/>
-  <rect x="7" y="7" width="836" height="46" fill="url(#scanlines)"/>
-
+  <rect x="7" y="7" width="386" height="30" fill="url(#phosphor)"/>
+  <rect x="7" y="7" width="386" height="30" fill="url(#scanlines)"/>
   <!-- Content -->
   <g filter="url(#crtGlow)">
-    <text x="20" y="28" font-family="monospace" font-size="14" fill="#66ff66" opacity="0.9">
-      user@awesome-claude-code:~$
+    <text x="20" y="28" font-family="monospace" font-size="16" fill="#66ff66" opacity="0.9">
+      awesome-claude-code:~$
     </text>
-    <text x="260" y="28" font-family="monospace" font-size="14" fill="#33ff33">
-      ls -la /resources/
+    <text x="240" y="28" font-family="monospace" font-size="16" fill="#33ff33">
+      ls -la
       <animate attributeName="opacity" values="1;0.95;1" dur="0.12s" repeatCount="indefinite"/>
     </text>
 
     <!-- Blinking cursor -->
-    <rect x="465" y="16" width="8" height="16" fill="#33ff33">
+    <rect x="310" y="14" width="8" height="16" fill="#33ff33">
       <animate attributeName="opacity" values="1;0;1" dur="0.8s" repeatCount="indefinite"/>
     </rect>
   </g>
 
   <!-- Power LED -->
-  <circle cx="830" cy="13" r="3" fill="#33ff33" opacity="0.8">
+  <circle cx="380" cy="13" r="3" fill="#33ff33" opacity="0.8">
     <animate attributeName="opacity" values="0.8;1;0.8" dur="2s" repeatCount="indefinite"/>
   </circle>
 </svg>
diff --git a/assets/toc-row-alternative-clients.svg b/assets/toc-row-alternative-clients.svg
new file mode 100644
index 00000000..4268612c
--- /dev/null
+++ b/assets/toc-row-alternative-clients.svg
@@ -0,0 +1,47 @@
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
+  <defs>
+    <filter id="crtGlow">
+      <feGaussianBlur stdDeviation="0.2" result="coloredBlur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+
+    <pattern id="scanlines" x="0" y="0" width="100%" height="4" patternUnits="userSpaceOnUse">
+      <rect x="0" y="0" width="100%" height="2" fill="#000000" opacity="0.25"/>
+    </pattern>
+
+    <linearGradient id="phosphor" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#0f380f;stop-opacity:1"/>
+      <stop offset="100%" style="stop-color:#0a2f0a;stop-opacity:1"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
+
+  <!-- Hover highlight -->
+  <rect x="7" y="0" width="393" height="40" fill="#33ff33" opacity="0">
+    <animate attributeName="opacity" values="0;0.05;0" dur="2s" repeatCount="indefinite"/>
+  </rect>
+
+  <!-- Content -->
+  <g filter="url(#crtGlow)">
+    <text x="20" y="25" font-family="monospace" font-size="14" fill="#66ff66">
+      drwxr-xr-x
+    </text>
+    <text x="140" y="25" font-family="monospace" font-size="14" fill="#33ff33" font-weight="bold">
+      ALTERNATIVE_CLIENTS/
+      <animate attributeName="opacity" values="1;0.95;1" dur="0.1s" repeatCount="indefinite"/>
+    </text>
+    <!--
+    <text x="400" y="25" font-family="monospace" font-size="14" fill="#449944" opacity="1">
+      # Alternative Clients are alternative UIs and front-ends for interacting with Claude Code, either on mobile or on the desktop.
+
+    </text>
+    -->
+  </g>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-row-claude-md-files.svg b/assets/toc-row-claude-md-files.svg
new file mode 100644
index 00000000..d532fce1
--- /dev/null
+++ b/assets/toc-row-claude-md-files.svg
@@ -0,0 +1,47 @@
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
+  <defs>
+    <filter id="crtGlow">
+      <feGaussianBlur stdDeviation="0.2" result="coloredBlur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+
+    <pattern id="scanlines" x="0" y="0" width="100%" height="4" patternUnits="userSpaceOnUse">
+      <rect x="0" y="0" width="100%" height="2" fill="#000000" opacity="0.25"/>
+    </pattern>
+
+    <linearGradient id="phosphor" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#0f380f;stop-opacity:1"/>
+      <stop offset="100%" style="stop-color:#0a2f0a;stop-opacity:1"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
+
+  <!-- Hover highlight -->
+  <rect x="7" y="0" width="393" height="40" fill="#33ff33" opacity="0">
+    <animate attributeName="opacity" values="0;0.05;0" dur="2s" repeatCount="indefinite"/>
+  </rect>
+
+  <!-- Content -->
+  <g filter="url(#crtGlow)">
+    <text x="20" y="25" font-family="monospace" font-size="14" fill="#66ff66">
+      drwxr-xr-x
+    </text>
+    <text x="140" y="25" font-family="monospace" font-size="14" fill="#33ff33" font-weight="bold">
+      CLAUDE_MD_FILES/
+      <animate attributeName="opacity" values="1;0.95;1" dur="0.1s" repeatCount="indefinite"/>
+    </text>
+    <!--
+    <text x="400" y="25" font-family="monospace" font-size="14" fill="#449944" opacity="1">
+      # `CLAUDE.md` files are files that contain important guidelines and context-specific information or instructions that help Claude Code to better understand your project and your coding standards
+
+    </text>
+    -->
+  </g>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-row-clients-light-anim-scanline.svg b/assets/toc-row-clients-light-anim-scanline.svg
index d5f773aa..de3914a6 100644
--- a/assets/toc-row-clients-light-anim-scanline.svg
+++ b/assets/toc-row-clients-light-anim-scanline.svg
@@ -1,69 +1,50 @@
-<svg width="850" height="36" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    Vintage Manual Style - TOC Row with SCAN LINE animation
-    Cycle: 22s | Start delay: 2.2s | Horizontal streak sweep only
-  -->
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
       <stop offset="0%" style="stop-color:#faf8f3"/>
       <stop offset="100%" style="stop-color:#f5f0e6"/>
     </linearGradient>
-    <pattern id="leaderDots" x="0" y="0" width="12" height="4" patternUnits="userSpaceOnUse">
+    <pattern id="leaderDots" x="0" y="0" width="10" height="4" patternUnits="userSpaceOnUse">
       <circle cx="2" cy="2" r="0.8" fill="#8a7b6f" opacity="0.5"/>
     </pattern>
   </defs>
 
   <!-- Background -->
-  <rect width="850" height="36" fill="url(#paperBg)"/>
-
-  <!-- Left/right border continuation -->
+  <rect width="400" height="36" fill="url(#paperBg)"/>
   <line x1="2" y1="0" x2="2" y2="36" stroke="#c4baa8" stroke-width="1"/>
-  <line x1="848" y1="0" x2="848" y2="36" stroke="#c4baa8" stroke-width="1"/>
+  <line x1="398" y1="0" x2="398" y2="36" stroke="#c4baa8" stroke-width="1"/>
 
   <!-- Section number -->
-  <text x="45" y="24"
+  <text x="32" y="24"
         font-family="'Courier New', Courier, monospace"
         font-size="14"
         font-weight="700"
         fill="#c96442"
         text-anchor="middle">
-    08
+    01
   </text>
 
   <!-- Section title -->
-  <text x="140" y="24"
+  <text x="120" y="24"
         font-family="Georgia, 'Times New Roman', serif"
         font-size="14"
         fill="#3d3530">
-    Alternative Clients
+    ALTERNATIVE_CLIENTS/
   </text>
 
   <!-- Leader dots -->
-  <rect x="310" y="20" width="410" height="4" fill="url(#leaderDots)"/>
+  <rect x="210" y="20" width="140" height="4" fill="url(#leaderDots)"/>
 
   <!-- Page/section reference -->
-  <text x="760" y="24"
+  <text x="370" y="24"
         font-family="'Courier New', Courier, monospace"
         font-size="12"
         fill="#5c5247"
         text-anchor="end"
         opacity="0.7">
-    §8
+    §1
   </text>
 
   <!-- Bottom rule -->
-  <line x1="30" y1="34" x2="820" y2="34" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
-
-  <!-- Scan line streaks -->
-  <g opacity="0.2">
-    <rect x="-30" y="4" width="3" height="28" fill="#5c5247" rx="1.5">
-      <animate attributeName="x" values="-30;880;-30;-30" keyTimes="0;0.05;0.10;1" dur="16s" begin="2.2s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-    <rect x="-22" y="8" width="1.5" height="20" fill="#c96442" rx="1.25">
-      <animate attributeName="x" values="-22;888;-22;-22" keyTimes="0;0.05;0.10;1" dur="16s" begin="2.2s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-    <rect x="-16" y="6" width="1.2" height="24" fill="#8a7b6f" rx="0.6">
-      <animate attributeName="x" values="-16;894;-16;-16" keyTimes="0;0.05;0.10;1" dur="16s" begin="2.2s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-  </g>
-</svg>
+  <line x1="20" y1="34" x2="380" y2="34" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-row-clients-light.svg b/assets/toc-row-clients-light.svg
index e2d0955d..5dba9b3f 100644
--- a/assets/toc-row-clients-light.svg
+++ b/assets/toc-row-clients-light.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="40" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <defs>
     <filter id="textGlow">
       <feGaussianBlur stdDeviation="0.8" result="coloredBlur"/>
diff --git a/assets/toc-row-clients.svg b/assets/toc-row-clients.svg
index bdb7d71b..a1171a74 100644
--- a/assets/toc-row-clients.svg
+++ b/assets/toc-row-clients.svg
@@ -1,7 +1,7 @@
-<svg width="850" height="40" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.2" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -18,34 +18,30 @@
     </linearGradient>
   </defs>
 
-  <!-- Seamless middle section -->
-  <rect width="850" height="40" fill="#1a1a1a"/>
-  <rect x="7" y="0" width="836" height="40" fill="url(#phosphor)"/>
-  <rect x="7" y="0" width="836" height="40" fill="url(#scanlines)"/>
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
 
   <!-- Hover highlight -->
-  <rect x="7" y="0" width="836" height="40" fill="#33ff33" opacity="0">
-    <animate attributeName="opacity" values="0;0.05;0" dur="2.3s" repeatCount="indefinite"/>
+  <rect x="7" y="0" width="393" height="40" fill="#33ff33" opacity="0">
+    <animate attributeName="opacity" values="0;0.05;0" dur="2s" repeatCount="indefinite"/>
   </rect>
 
   <!-- Content -->
   <g filter="url(#crtGlow)">
-    <text x="20" y="25" font-family="monospace" font-size="13" fill="#66ff66">
+    <text x="20" y="25" font-family="monospace" font-size="16" fill="#66ff66">
       drwxr-xr-x
     </text>
-    <text x="140" y="25" font-family="monospace" font-size="13" fill="#33ff33" font-weight="bold">
-      alternative-clients/
-      <animate attributeName="opacity" values="1;0.95;1" dur="0.13s" repeatCount="indefinite"/>
+    <text x="140" y="25" font-family="monospace" font-size="16" fill="#33ff33" font-weight="bold">
+      ALTERNATIVE_CLIENTS/
+      <animate attributeName="opacity" values="1;0.95;1" dur="0.1s" repeatCount="indefinite"/>
     </text>
-    <text x="400" y="25" font-family="monospace" font-size="12" fill="#449944" opacity="0.8">
-      # Alternative UIs &amp; front-ends
-    </text>
-  </g>
+    <!--
+    <text x="400" y="25" font-family="monospace" font-size="14" fill="#449944" opacity="1">
+      # Alternative Clients are alternative UIs and front-ends for interacting with Claude Code, either on mobile or on the desktop.
 
-  <!-- Glitch effect -->
-  <g opacity="0">
-    <animate attributeName="opacity" values="0;0;0;0;0;0;1;0;0;0" dur="5.2s" repeatCount="indefinite"/>
-    <rect x="150" y="18" width="100" height="2" fill="#33ff33"/>
-    <rect x="420" y="18" width="70" height="2" fill="#449944" opacity="0.6"/>
+    </text>
+    -->
   </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-row-commands-light-anim-scanline.svg b/assets/toc-row-commands-light-anim-scanline.svg
index 915ff55a..b47092d0 100644
--- a/assets/toc-row-commands-light-anim-scanline.svg
+++ b/assets/toc-row-commands-light-anim-scanline.svg
@@ -1,69 +1,50 @@
-<svg width="850" height="36" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    Vintage Manual Style - TOC Row with SCAN LINE animation
-    Cycle: 18s | Start delay: 1.8s | Horizontal streak sweep only
-  -->
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
       <stop offset="0%" style="stop-color:#faf8f3"/>
       <stop offset="100%" style="stop-color:#f5f0e6"/>
     </linearGradient>
-    <pattern id="leaderDots" x="0" y="0" width="12" height="4" patternUnits="userSpaceOnUse">
+    <pattern id="leaderDots" x="0" y="0" width="10" height="4" patternUnits="userSpaceOnUse">
       <circle cx="2" cy="2" r="0.8" fill="#8a7b6f" opacity="0.5"/>
     </pattern>
   </defs>
 
   <!-- Background -->
-  <rect width="850" height="36" fill="url(#paperBg)"/>
-
-  <!-- Left/right border continuation -->
+  <rect width="400" height="36" fill="url(#paperBg)"/>
   <line x1="2" y1="0" x2="2" y2="36" stroke="#c4baa8" stroke-width="1"/>
-  <line x1="848" y1="0" x2="848" y2="36" stroke="#c4baa8" stroke-width="1"/>
+  <line x1="398" y1="0" x2="398" y2="36" stroke="#c4baa8" stroke-width="1"/>
 
   <!-- Section number -->
-  <text x="45" y="24"
+  <text x="32" y="24"
         font-family="'Courier New', Courier, monospace"
         font-size="14"
         font-weight="700"
         fill="#c96442"
         text-anchor="middle">
-    06
+    01
   </text>
 
   <!-- Section title -->
-  <text x="140" y="24"
+  <text x="120" y="24"
         font-family="Georgia, 'Times New Roman', serif"
         font-size="14"
         fill="#3d3530">
-    Slash Commands
+    SLASH_COMMANDS/
   </text>
 
   <!-- Leader dots -->
-  <rect x="290" y="20" width="430" height="4" fill="url(#leaderDots)"/>
+  <rect x="210" y="20" width="140" height="4" fill="url(#leaderDots)"/>
 
   <!-- Page/section reference -->
-  <text x="760" y="24"
+  <text x="370" y="24"
         font-family="'Courier New', Courier, monospace"
         font-size="12"
         fill="#5c5247"
         text-anchor="end"
         opacity="0.7">
-    §6
+    §1
   </text>
 
   <!-- Bottom rule -->
-  <line x1="30" y1="34" x2="820" y2="34" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
-
-  <!-- Scan line streaks -->
-  <g opacity="0.2">
-    <rect x="-30" y="4" width="3" height="28" fill="#5c5247" rx="1.5">
-      <animate attributeName="x" values="-30;880;-30;-30" keyTimes="0;0.05;0.10;1" dur="15s" begin="1.8s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-    <rect x="-22" y="8" width="1.5" height="20" fill="#c96442" rx="1.25">
-      <animate attributeName="x" values="-22;888;-22;-22" keyTimes="0;0.05;0.10;1" dur="15s" begin="1.8s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-    <rect x="-16" y="6" width="1.2" height="24" fill="#8a7b6f" rx="0.6">
-      <animate attributeName="x" values="-16;894;-16;-16" keyTimes="0;0.05;0.10;1" dur="15s" begin="1.8s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-  </g>
-</svg>
+  <line x1="20" y1="34" x2="380" y2="34" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-row-commands-light.svg b/assets/toc-row-commands-light.svg
index 9a755ba1..3e7d43e6 100644
--- a/assets/toc-row-commands-light.svg
+++ b/assets/toc-row-commands-light.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="40" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <defs>
     <filter id="textGlow">
       <feGaussianBlur stdDeviation="0.8" result="coloredBlur"/>
diff --git a/assets/toc-row-commands.svg b/assets/toc-row-commands.svg
index 440b5f0c..a0c9683c 100644
--- a/assets/toc-row-commands.svg
+++ b/assets/toc-row-commands.svg
@@ -1,7 +1,7 @@
-<svg width="850" height="40" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.2" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -18,24 +18,30 @@
     </linearGradient>
   </defs>
 
-  <rect width="850" height="40" fill="#1a1a1a"/>
-  <rect x="7" y="0" width="836" height="40" fill="url(#phosphor)"/>
-  <rect x="7" y="0" width="836" height="40" fill="url(#scanlines)"/>
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
 
-  <rect x="7" y="0" width="836" height="40" fill="#33ff33" opacity="0">
-    <animate attributeName="opacity" values="0;0.05;0" dur="2.6s" repeatCount="indefinite"/>
+  <!-- Hover highlight -->
+  <rect x="7" y="0" width="393" height="40" fill="#33ff33" opacity="0">
+    <animate attributeName="opacity" values="0;0.05;0" dur="2s" repeatCount="indefinite"/>
   </rect>
 
+  <!-- Content -->
   <g filter="url(#crtGlow)">
-    <text x="20" y="25" font-family="monospace" font-size="13" fill="#66ff66">
+    <text x="20" y="25" font-family="monospace" font-size="16" fill="#66ff66">
       drwxr-xr-x
     </text>
-    <text x="140" y="25" font-family="monospace" font-size="13" fill="#33ff33" font-weight="bold">
-      slash-commands/
-      <animate attributeName="opacity" values="1;0.95;1" dur="0.14s" repeatCount="indefinite"/>
+    <text x="140" y="25" font-family="monospace" font-size="16" fill="#33ff33" font-weight="bold">
+      SLASH_COMMANDS/
+      <animate attributeName="opacity" values="1;0.95;1" dur="0.1s" repeatCount="indefinite"/>
     </text>
-    <text x="400" y="25" font-family="monospace" font-size="12" fill="#449944" opacity="0.8">
-      # Custom commands &amp; shortcuts
+    <!--
+    <text x="400" y="25" font-family="monospace" font-size="14" fill="#449944" opacity="1">
+      # "Slash Commands are customized, carefully refined prompts that control Claude's behavior in order to perform a specific task"
+
     </text>
+    -->
   </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-row-config-light-anim-scanline.svg b/assets/toc-row-config-light-anim-scanline.svg
index d4e8e701..2e888c34 100644
--- a/assets/toc-row-config-light-anim-scanline.svg
+++ b/assets/toc-row-config-light-anim-scanline.svg
@@ -1,69 +1,50 @@
-<svg width="850" height="36" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    Vintage Manual Style - TOC Row with SCAN LINE animation
-    Cycle: 25s | Start delay: 4.2s | Horizontal streak sweep only
-  -->
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
       <stop offset="0%" style="stop-color:#faf8f3"/>
       <stop offset="100%" style="stop-color:#f5f0e6"/>
     </linearGradient>
-    <pattern id="leaderDots" x="0" y="0" width="12" height="4" patternUnits="userSpaceOnUse">
+    <pattern id="leaderDots" x="0" y="0" width="10" height="4" patternUnits="userSpaceOnUse">
       <circle cx="2" cy="2" r="0.8" fill="#8a7b6f" opacity="0.5"/>
     </pattern>
   </defs>
 
   <!-- Background -->
-  <rect width="850" height="36" fill="url(#paperBg)"/>
-
-  <!-- Left/right border continuation -->
+  <rect width="400" height="36" fill="url(#paperBg)"/>
   <line x1="2" y1="0" x2="2" y2="36" stroke="#c4baa8" stroke-width="1"/>
-  <line x1="848" y1="0" x2="848" y2="36" stroke="#c4baa8" stroke-width="1"/>
+  <line x1="398" y1="0" x2="398" y2="36" stroke="#c4baa8" stroke-width="1"/>
 
   <!-- Section number -->
-  <text x="45" y="24"
+  <text x="32" y="24"
         font-family="'Courier New', Courier, monospace"
         font-size="14"
         font-weight="700"
         fill="#c96442"
         text-anchor="middle">
-    07
+    01
   </text>
 
   <!-- Section title -->
-  <text x="140" y="24"
+  <text x="120" y="24"
         font-family="Georgia, 'Times New Roman', serif"
         font-size="14"
         fill="#3d3530">
-    CLAUDE.md Files
+    CLAUDE_MD_FILES/
   </text>
 
   <!-- Leader dots -->
-  <rect x="290" y="20" width="430" height="4" fill="url(#leaderDots)"/>
+  <rect x="210" y="20" width="140" height="4" fill="url(#leaderDots)"/>
 
   <!-- Page/section reference -->
-  <text x="760" y="24"
+  <text x="370" y="24"
         font-family="'Courier New', Courier, monospace"
         font-size="12"
         fill="#5c5247"
         text-anchor="end"
         opacity="0.7">
-    §7
+    §1
   </text>
 
   <!-- Bottom rule -->
-  <line x1="30" y1="34" x2="820" y2="34" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
-
-  <!-- Scan line streaks -->
-  <g opacity="0.2">
-    <rect x="-30" y="4" width="3" height="28" fill="#5c5247" rx="1.5">
-      <animate attributeName="x" values="-30;880;-30;-30" keyTimes="0;0.05;0.10;1" dur="18s" begin="4.2s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-    <rect x="-22" y="8" width="1.5" height="20" fill="#c96442" rx="1.25">
-      <animate attributeName="x" values="-22;888;-22;-22" keyTimes="0;0.05;0.10;1" dur="18s" begin="4.2s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-    <rect x="-16" y="6" width="1.2" height="24" fill="#8a7b6f" rx="0.6">
-      <animate attributeName="x" values="-16;894;-16;-16" keyTimes="0;0.05;0.10;1" dur="18s" begin="4.2s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-  </g>
-</svg>
+  <line x1="20" y1="34" x2="380" y2="34" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-row-config-light.svg b/assets/toc-row-config-light.svg
index 866572d1..32c6df3a 100644
--- a/assets/toc-row-config-light.svg
+++ b/assets/toc-row-config-light.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="40" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <defs>
     <filter id="textGlow">
       <feGaussianBlur stdDeviation="0.8" result="coloredBlur"/>
diff --git a/assets/toc-row-config.svg b/assets/toc-row-config.svg
index c274fff2..0999a6a0 100644
--- a/assets/toc-row-config.svg
+++ b/assets/toc-row-config.svg
@@ -1,7 +1,7 @@
-<svg width="850" height="40" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.2" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -18,24 +18,30 @@
     </linearGradient>
   </defs>
 
-  <rect width="850" height="40" fill="#1a1a1a"/>
-  <rect x="7" y="0" width="836" height="40" fill="url(#phosphor)"/>
-  <rect x="7" y="0" width="836" height="40" fill="url(#scanlines)"/>
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
 
-  <rect x="7" y="0" width="836" height="40" fill="#33ff33" opacity="0">
-    <animate attributeName="opacity" values="0;0.05;0" dur="2.8s" repeatCount="indefinite"/>
+  <!-- Hover highlight -->
+  <rect x="7" y="0" width="393" height="40" fill="#33ff33" opacity="0">
+    <animate attributeName="opacity" values="0;0.05;0" dur="2s" repeatCount="indefinite"/>
   </rect>
 
+  <!-- Content -->
   <g filter="url(#crtGlow)">
-    <text x="20" y="25" font-family="monospace" font-size="13" fill="#66ff66">
+    <text x="20" y="25" font-family="monospace" font-size="16" fill="#66ff66">
       drwxr-xr-x
     </text>
-    <text x="140" y="25" font-family="monospace" font-size="13" fill="#33ff33" font-weight="bold">
-      claude-md-files/
-      <animate attributeName="opacity" values="1;0.95;1" dur="0.09s" repeatCount="indefinite"/>
+    <text x="140" y="25" font-family="monospace" font-size="16" fill="#33ff33" font-weight="bold">
+      CLAUDE_MD_FILES/
+      <animate attributeName="opacity" values="1;0.95;1" dur="0.1s" repeatCount="indefinite"/>
     </text>
-    <text x="400" y="25" font-family="monospace" font-size="12" fill="#449944" opacity="0.8">
-      # Project configuration files
+    <!--
+    <text x="400" y="25" font-family="monospace" font-size="14" fill="#449944" opacity="1">
+      # `CLAUDE.md` files are files that contain important guidelines and context-specific information or instructions that help Claude Code to better understand your project and your coding standards
+
     </text>
+    -->
   </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-row-custom-light-anim-scanline.svg b/assets/toc-row-custom-light-anim-scanline.svg
index fa9ab941..7ce4a18c 100644
--- a/assets/toc-row-custom-light-anim-scanline.svg
+++ b/assets/toc-row-custom-light-anim-scanline.svg
@@ -1,69 +1,50 @@
-<svg width="850" height="36" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    Vintage Manual Style - TOC Row with SCAN LINE animation
-    Cycle: 23s | Start delay: 3.5s | Horizontal streak sweep only
-  -->
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
       <stop offset="0%" style="stop-color:#faf8f3"/>
       <stop offset="100%" style="stop-color:#f5f0e6"/>
     </linearGradient>
-    <pattern id="leaderDots" x="0" y="0" width="12" height="4" patternUnits="userSpaceOnUse">
+    <pattern id="leaderDots" x="0" y="0" width="10" height="4" patternUnits="userSpaceOnUse">
       <circle cx="2" cy="2" r="0.8" fill="#8a7b6f" opacity="0.5"/>
     </pattern>
   </defs>
 
   <!-- Background -->
-  <rect width="850" height="36" fill="url(#paperBg)"/>
-
-  <!-- Left/right border continuation -->
+  <rect width="400" height="36" fill="url(#paperBg)"/>
   <line x1="2" y1="0" x2="2" y2="36" stroke="#c4baa8" stroke-width="1"/>
-  <line x1="848" y1="0" x2="848" y2="36" stroke="#c4baa8" stroke-width="1"/>
+  <line x1="398" y1="0" x2="398" y2="36" stroke="#c4baa8" stroke-width="1"/>
 
   <!-- Section number -->
-  <text x="45" y="24"
+  <text x="32" y="24"
         font-family="'Courier New', Courier, monospace"
         font-size="14"
         font-weight="700"
         fill="#c96442"
         text-anchor="middle">
-    05
+    01
   </text>
 
   <!-- Section title -->
-  <text x="140" y="24"
+  <text x="120" y="24"
         font-family="Georgia, 'Times New Roman', serif"
         font-size="14"
         fill="#3d3530">
-    Hooks
+    HOOKS/
   </text>
 
   <!-- Leader dots -->
-  <rect x="200" y="20" width="520" height="4" fill="url(#leaderDots)"/>
+  <rect x="210" y="20" width="140" height="4" fill="url(#leaderDots)"/>
 
   <!-- Page/section reference -->
-  <text x="760" y="24"
+  <text x="370" y="24"
         font-family="'Courier New', Courier, monospace"
         font-size="12"
         fill="#5c5247"
         text-anchor="end"
         opacity="0.7">
-    §5
+    §1
   </text>
 
   <!-- Bottom rule -->
-  <line x1="30" y1="34" x2="820" y2="34" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
-
-  <!-- Scan line streaks -->
-  <g opacity="0.2">
-    <rect x="-30" y="4" width="3" height="28" fill="#5c5247" rx="1.5">
-      <animate attributeName="x" values="-30;880;-30;-30" keyTimes="0;0.05;0.10;1" dur="18s" begin="3.5s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-    <rect x="-22" y="8" width="1.5" height="20" fill="#c96442" rx="1.25">
-      <animate attributeName="x" values="-22;888;-22;-22" keyTimes="0;0.05;0.10;1" dur="18s" begin="3.5s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-    <rect x="-16" y="6" width="1.2" height="24" fill="#8a7b6f" rx="0.6">
-      <animate attributeName="x" values="-16;894;-16;-16" keyTimes="0;0.05;0.10;1" dur="18s" begin="3.5s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-  </g>
-</svg>
+  <line x1="20" y1="34" x2="380" y2="34" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-row-custom-light.svg b/assets/toc-row-custom-light.svg
index 724a69ba..6852526d 100644
--- a/assets/toc-row-custom-light.svg
+++ b/assets/toc-row-custom-light.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="40" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <defs>
     <filter id="textGlow">
       <feGaussianBlur stdDeviation="0.8" result="coloredBlur"/>
diff --git a/assets/toc-row-custom.svg b/assets/toc-row-custom.svg
index 415205f6..d2dd79f3 100644
--- a/assets/toc-row-custom.svg
+++ b/assets/toc-row-custom.svg
@@ -1,7 +1,7 @@
-<svg width="850" height="40" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.2" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -18,24 +18,30 @@
     </linearGradient>
   </defs>
 
-  <rect width="850" height="40" fill="#1a1a1a"/>
-  <rect x="7" y="0" width="836" height="40" fill="url(#phosphor)"/>
-  <rect x="7" y="0" width="836" height="40" fill="url(#scanlines)"/>
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
 
-  <rect x="7" y="0" width="836" height="40" fill="#33ff33" opacity="0">
-    <animate attributeName="opacity" values="0;0.05;0" dur="3s" repeatCount="indefinite"/>
+  <!-- Hover highlight -->
+  <rect x="7" y="0" width="393" height="40" fill="#33ff33" opacity="0">
+    <animate attributeName="opacity" values="0;0.05;0" dur="2s" repeatCount="indefinite"/>
   </rect>
 
+  <!-- Content -->
   <g filter="url(#crtGlow)">
-    <text x="20" y="25" font-family="monospace" font-size="13" fill="#66ff66">
+    <text x="20" y="25" font-family="monospace" font-size="16" fill="#66ff66">
       drwxr-xr-x
     </text>
-    <text x="140" y="25" font-family="monospace" font-size="13" fill="#33ff33" font-weight="bold">
-      hooks-and-custom/
-      <animate attributeName="opacity" values="1;0.95;1" dur="0.15s" repeatCount="indefinite"/>
+    <text x="140" y="25" font-family="monospace" font-size="16" fill="#33ff33" font-weight="bold">
+      HOOKS/
+      <animate attributeName="opacity" values="1;0.95;1" dur="0.1s" repeatCount="indefinite"/>
     </text>
-    <text x="400" y="25" font-family="monospace" font-size="12" fill="#449944" opacity="0.8">
-      # Hooks, styles, status lines
+    <!--
+    <text x="400" y="25" font-family="monospace" font-size="14" fill="#449944" opacity="1">
+      # Hooks are a powerful API for Claude Code that allows users to activate commands and run scripts at different points in Claude's agentic lifecycle.
+
     </text>
+    -->
   </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-row-docs-light-anim-scanline.svg b/assets/toc-row-docs-light-anim-scanline.svg
index 4c4c94ac..d8b52b6c 100644
--- a/assets/toc-row-docs-light-anim-scanline.svg
+++ b/assets/toc-row-docs-light-anim-scanline.svg
@@ -1,69 +1,50 @@
-<svg width="850" height="36" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    Vintage Manual Style - TOC Row with SCAN LINE animation
-    Cycle: 20s | Start delay: 5s | Horizontal streak sweep only
-  -->
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
       <stop offset="0%" style="stop-color:#faf8f3"/>
       <stop offset="100%" style="stop-color:#f5f0e6"/>
     </linearGradient>
-    <pattern id="leaderDots" x="0" y="0" width="12" height="4" patternUnits="userSpaceOnUse">
+    <pattern id="leaderDots" x="0" y="0" width="10" height="4" patternUnits="userSpaceOnUse">
       <circle cx="2" cy="2" r="0.8" fill="#8a7b6f" opacity="0.5"/>
     </pattern>
   </defs>
 
   <!-- Background -->
-  <rect width="850" height="36" fill="url(#paperBg)"/>
-
-  <!-- Left/right border continuation -->
+  <rect width="400" height="36" fill="url(#paperBg)"/>
   <line x1="2" y1="0" x2="2" y2="36" stroke="#c4baa8" stroke-width="1"/>
-  <line x1="848" y1="0" x2="848" y2="36" stroke="#c4baa8" stroke-width="1"/>
+  <line x1="398" y1="0" x2="398" y2="36" stroke="#c4baa8" stroke-width="1"/>
 
   <!-- Section number -->
-  <text x="45" y="24"
+  <text x="32" y="24"
         font-family="'Courier New', Courier, monospace"
         font-size="14"
         font-weight="700"
         fill="#c96442"
         text-anchor="middle">
-    09
+    01
   </text>
 
   <!-- Section title -->
-  <text x="140" y="24"
+  <text x="120" y="24"
         font-family="Georgia, 'Times New Roman', serif"
         font-size="14"
         fill="#3d3530">
-    Official Documentation
+    OFFICIAL_DOCUMENTATION/
   </text>
 
   <!-- Leader dots -->
-  <rect x="330" y="20" width="390" height="4" fill="url(#leaderDots)"/>
+  <rect x="210" y="20" width="140" height="4" fill="url(#leaderDots)"/>
 
   <!-- Page/section reference -->
-  <text x="760" y="24"
+  <text x="370" y="24"
         font-family="'Courier New', Courier, monospace"
         font-size="12"
         fill="#5c5247"
         text-anchor="end"
         opacity="0.7">
-    §9
+    §1
   </text>
 
   <!-- Bottom rule -->
-  <line x1="30" y1="34" x2="820" y2="34" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
-
-  <!-- Scan line streaks -->
-  <g opacity="0.2">
-    <rect x="-30" y="4" width="3" height="28" fill="#5c5247" rx="1.5">
-      <animate attributeName="x" values="-30;880;-30;-30" keyTimes="0;0.05;0.10;1" dur="16s" begin="5s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-    <rect x="-22" y="8" width="1.5" height="20" fill="#c96442" rx="1.25">
-      <animate attributeName="x" values="-22;888;-22;-22" keyTimes="0;0.05;0.10;1" dur="16s" begin="5s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-    <rect x="-16" y="6" width="1.2" height="24" fill="#8a7b6f" rx="0.6">
-      <animate attributeName="x" values="-16;894;-16;-16" keyTimes="0;0.05;0.10;1" dur="16s" begin="5s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-  </g>
-</svg>
+  <line x1="20" y1="34" x2="380" y2="34" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-row-docs-light.svg b/assets/toc-row-docs-light.svg
index f667500e..cf92614b 100644
--- a/assets/toc-row-docs-light.svg
+++ b/assets/toc-row-docs-light.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="40" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <defs>
     <filter id="textGlow">
       <feGaussianBlur stdDeviation="0.8" result="coloredBlur"/>
diff --git a/assets/toc-row-docs.svg b/assets/toc-row-docs.svg
index 0ed27967..cb83896b 100644
--- a/assets/toc-row-docs.svg
+++ b/assets/toc-row-docs.svg
@@ -1,7 +1,7 @@
-<svg width="850" height="50" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.2" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -18,28 +18,30 @@
     </linearGradient>
   </defs>
 
-  <!-- Bottom of terminal with bezel -->
-  <rect width="850" height="50" fill="#1a1a1a"/>
-  <rect x="7" y="0" width="836" height="43" fill="url(#phosphor)"/>
-  <rect x="7" y="0" width="836" height="43" fill="url(#scanlines)"/>
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
 
-  <rect x="7" y="0" width="836" height="43" fill="#33ff33" opacity="0">
-    <animate attributeName="opacity" values="0;0.05;0" dur="3.2s" repeatCount="indefinite"/>
+  <!-- Hover highlight -->
+  <rect x="7" y="0" width="393" height="40" fill="#33ff33" opacity="0">
+    <animate attributeName="opacity" values="0;0.05;0" dur="2s" repeatCount="indefinite"/>
   </rect>
 
+  <!-- Content -->
   <g filter="url(#crtGlow)">
-    <text x="20" y="25" font-family="monospace" font-size="13" fill="#66ff66">
+    <text x="20" y="25" font-family="monospace" font-size="16" fill="#66ff66">
       drwxr-xr-x
     </text>
-    <text x="140" y="25" font-family="monospace" font-size="13" fill="#33ff33" font-weight="bold">
-      documentation/
-      <animate attributeName="opacity" values="1;0.95;1" dur="0.105s" repeatCount="indefinite"/>
+    <text x="140" y="25" font-family="monospace" font-size="16" fill="#33ff33" font-weight="bold">
+      OFFICIAL_DOCUMENTATION/
+      <animate attributeName="opacity" values="1;0.95;1" dur="0.1s" repeatCount="indefinite"/>
     </text>
-    <text x="400" y="25" font-family="monospace" font-size="12" fill="#449944" opacity="0.8">
-      # Official guides &amp; resources
+    <!--
+    <text x="400" y="25" font-family="monospace" font-size="14" fill="#449944" opacity="1">
+      # Links to some of Anthropic's terrific documentation and resources regarding Claude Code
+
     </text>
+    -->
   </g>
-
-  <!-- Bottom bezel with rounded corner -->
-  <rect y="43" width="850" height="7" rx="0" ry="0" fill="#1a1a1a" stroke="#0a0a0a" stroke-width="3"/>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-row-hooks.svg b/assets/toc-row-hooks.svg
new file mode 100644
index 00000000..4729e658
--- /dev/null
+++ b/assets/toc-row-hooks.svg
@@ -0,0 +1,47 @@
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
+  <defs>
+    <filter id="crtGlow">
+      <feGaussianBlur stdDeviation="0.2" result="coloredBlur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+
+    <pattern id="scanlines" x="0" y="0" width="100%" height="4" patternUnits="userSpaceOnUse">
+      <rect x="0" y="0" width="100%" height="2" fill="#000000" opacity="0.25"/>
+    </pattern>
+
+    <linearGradient id="phosphor" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#0f380f;stop-opacity:1"/>
+      <stop offset="100%" style="stop-color:#0a2f0a;stop-opacity:1"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
+
+  <!-- Hover highlight -->
+  <rect x="7" y="0" width="393" height="40" fill="#33ff33" opacity="0">
+    <animate attributeName="opacity" values="0;0.05;0" dur="2s" repeatCount="indefinite"/>
+  </rect>
+
+  <!-- Content -->
+  <g filter="url(#crtGlow)">
+    <text x="20" y="25" font-family="monospace" font-size="14" fill="#66ff66">
+      drwxr-xr-x
+    </text>
+    <text x="140" y="25" font-family="monospace" font-size="14" fill="#33ff33" font-weight="bold">
+      HOOKS/
+      <animate attributeName="opacity" values="1;0.95;1" dur="0.1s" repeatCount="indefinite"/>
+    </text>
+    <!--
+    <text x="400" y="25" font-family="monospace" font-size="14" fill="#449944" opacity="1">
+      # Hooks are a powerful API for Claude Code that allows users to activate commands and run scripts at different points in Claude's agentic lifecycle.
+
+    </text>
+    -->
+  </g>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-row-official-documentation.svg b/assets/toc-row-official-documentation.svg
new file mode 100644
index 00000000..ac150b3c
--- /dev/null
+++ b/assets/toc-row-official-documentation.svg
@@ -0,0 +1,47 @@
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
+  <defs>
+    <filter id="crtGlow">
+      <feGaussianBlur stdDeviation="0.2" result="coloredBlur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+
+    <pattern id="scanlines" x="0" y="0" width="100%" height="4" patternUnits="userSpaceOnUse">
+      <rect x="0" y="0" width="100%" height="2" fill="#000000" opacity="0.25"/>
+    </pattern>
+
+    <linearGradient id="phosphor" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#0f380f;stop-opacity:1"/>
+      <stop offset="100%" style="stop-color:#0a2f0a;stop-opacity:1"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
+
+  <!-- Hover highlight -->
+  <rect x="7" y="0" width="393" height="40" fill="#33ff33" opacity="0">
+    <animate attributeName="opacity" values="0;0.05;0" dur="2s" repeatCount="indefinite"/>
+  </rect>
+
+  <!-- Content -->
+  <g filter="url(#crtGlow)">
+    <text x="20" y="25" font-family="monospace" font-size="14" fill="#66ff66">
+      drwxr-xr-x
+    </text>
+    <text x="140" y="25" font-family="monospace" font-size="14" fill="#33ff33" font-weight="bold">
+      OFFICIAL_DOCUMENTATION/
+      <animate attributeName="opacity" values="1;0.95;1" dur="0.1s" repeatCount="indefinite"/>
+    </text>
+    <!--
+    <text x="400" y="25" font-family="monospace" font-size="14" fill="#449944" opacity="1">
+      # Links to some of Anthropic's terrific documentation and resources regarding Claude Code
+
+    </text>
+    -->
+  </g>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-row-skills-light-anim-lineprint.svg b/assets/toc-row-skills-light-anim-lineprint.svg
index 9144cd88..7240f402 100644
--- a/assets/toc-row-skills-light-anim-lineprint.svg
+++ b/assets/toc-row-skills-light-anim-lineprint.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="36" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <!--
     Vintage Manual Style - TOC Row with LINE PRINTER ANIMATION
     Animation Cycle: 4 seconds (faster for smaller element)
diff --git a/assets/toc-row-skills-light-anim-scanline.svg b/assets/toc-row-skills-light-anim-scanline.svg
index 0d6c6241..c8cd6c9f 100644
--- a/assets/toc-row-skills-light-anim-scanline.svg
+++ b/assets/toc-row-skills-light-anim-scanline.svg
@@ -1,27 +1,21 @@
-<svg width="850" height="36" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    Vintage Manual Style - TOC Row with SCAN LINE animation
-    Cycle: 16s | Start delay: 0s | Horizontal streak sweep only
-  -->
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
       <stop offset="0%" style="stop-color:#faf8f3"/>
       <stop offset="100%" style="stop-color:#f5f0e6"/>
     </linearGradient>
-    <pattern id="leaderDots" x="0" y="0" width="12" height="4" patternUnits="userSpaceOnUse">
+    <pattern id="leaderDots" x="0" y="0" width="10" height="4" patternUnits="userSpaceOnUse">
       <circle cx="2" cy="2" r="0.8" fill="#8a7b6f" opacity="0.5"/>
     </pattern>
   </defs>
 
   <!-- Background -->
-  <rect width="850" height="36" fill="url(#paperBg)"/>
-
-  <!-- Left/right border continuation -->
+  <rect width="400" height="36" fill="url(#paperBg)"/>
   <line x1="2" y1="0" x2="2" y2="36" stroke="#c4baa8" stroke-width="1"/>
-  <line x1="848" y1="0" x2="848" y2="36" stroke="#c4baa8" stroke-width="1"/>
+  <line x1="398" y1="0" x2="398" y2="36" stroke="#c4baa8" stroke-width="1"/>
 
   <!-- Section number -->
-  <text x="45" y="24"
+  <text x="32" y="24"
         font-family="'Courier New', Courier, monospace"
         font-size="14"
         font-weight="700"
@@ -31,18 +25,18 @@
   </text>
 
   <!-- Section title -->
-  <text x="140" y="24"
+  <text x="120" y="24"
         font-family="Georgia, 'Times New Roman', serif"
         font-size="14"
         fill="#3d3530">
-    Agent Skills
+    AGENT_SKILLS/
   </text>
 
   <!-- Leader dots -->
-  <rect x="260" y="20" width="460" height="4" fill="url(#leaderDots)"/>
+  <rect x="210" y="20" width="140" height="4" fill="url(#leaderDots)"/>
 
   <!-- Page/section reference -->
-  <text x="760" y="24"
+  <text x="370" y="24"
         font-family="'Courier New', Courier, monospace"
         font-size="12"
         fill="#5c5247"
@@ -52,18 +46,5 @@
   </text>
 
   <!-- Bottom rule -->
-  <line x1="30" y1="34" x2="820" y2="34" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
-
-  <!-- Scan line streaks -->
-  <g opacity="0.2">
-    <rect x="-30" y="4" width="3" height="28" fill="#5c5247" rx="1.5">
-      <animate attributeName="x" values="-30;880;-30;-30" keyTimes="0;0.05;0.10;1" dur="14s" begin="0s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-    <rect x="-22" y="8" width="1.5" height="20" fill="#c96442" rx="1.25">
-      <animate attributeName="x" values="-22;888;-22;-22" keyTimes="0;0.05;0.10;1" dur="14s" begin="0s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-    <rect x="-16" y="6" width="1.2" height="24" fill="#8a7b6f" rx="0.6">
-      <animate attributeName="x" values="-16;894;-16;-16" keyTimes="0;0.05;0.10;1" dur="14s" begin="0s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-  </g>
-</svg>
+  <line x1="20" y1="34" x2="380" y2="34" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-row-skills-light-manual.svg b/assets/toc-row-skills-light-manual.svg
index 4e8e6698..8b31bba8 100644
--- a/assets/toc-row-skills-light-manual.svg
+++ b/assets/toc-row-skills-light-manual.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="36" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <!--
     Vintage Technical Manual Style - TOC Main Entry
     Chapter/section entry with leader dots
diff --git a/assets/toc-row-skills-light.svg b/assets/toc-row-skills-light.svg
index ea4524ee..af6c6d61 100644
--- a/assets/toc-row-skills-light.svg
+++ b/assets/toc-row-skills-light.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="40" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <defs>
     <filter id="textGlow">
       <feGaussianBlur stdDeviation="0.8" result="coloredBlur"/>
diff --git a/assets/toc-row-skills.svg b/assets/toc-row-skills.svg
index 8c83e093..9133f052 100644
--- a/assets/toc-row-skills.svg
+++ b/assets/toc-row-skills.svg
@@ -1,7 +1,7 @@
-<svg width="850" height="40" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.2" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -18,27 +18,30 @@
     </linearGradient>
   </defs>
 
-  <!-- Seamless middle section -->
-  <rect width="850" height="40" fill="#1a1a1a"/>
-  <rect x="7" y="0" width="836" height="40" fill="url(#phosphor)"/>
-  <rect x="7" y="0" width="836" height="40" fill="url(#scanlines)"/>
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
 
   <!-- Hover highlight -->
-  <rect x="7" y="0" width="836" height="40" fill="#33ff33" opacity="0">
+  <rect x="7" y="0" width="393" height="40" fill="#33ff33" opacity="0">
     <animate attributeName="opacity" values="0;0.05;0" dur="2s" repeatCount="indefinite"/>
   </rect>
 
   <!-- Content -->
   <g filter="url(#crtGlow)">
-    <text x="20" y="25" font-family="monospace" font-size="13" fill="#66ff66">
+    <text x="20" y="25" font-family="monospace" font-size="16" fill="#66ff66">
       drwxr-xr-x
     </text>
-    <text x="140" y="25" font-family="monospace" font-size="13" fill="#33ff33" font-weight="bold">
-      agent-skills/
+    <text x="140" y="25" font-family="monospace" font-size="16" fill="#33ff33" font-weight="bold">
+      AGENT_SKILLS/
       <animate attributeName="opacity" values="1;0.95;1" dur="0.1s" repeatCount="indefinite"/>
     </text>
-    <text x="400" y="25" font-family="monospace" font-size="12" fill="#449944" opacity="0.8">
-      # Agent capabilities &amp; specialized tasks
+    <!--
+    <text x="400" y="25" font-family="monospace" font-size="14" fill="#449944" opacity="1">
+      # Agent skills are model-controlled configurations (files, scripts, resources, etc.) that enable Claude Code to perform specialized tasks requiring specific knowledge or capabilities.
+
     </text>
+    -->
   </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-row-slash-commands.svg b/assets/toc-row-slash-commands.svg
new file mode 100644
index 00000000..46b2a7e0
--- /dev/null
+++ b/assets/toc-row-slash-commands.svg
@@ -0,0 +1,47 @@
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
+  <defs>
+    <filter id="crtGlow">
+      <feGaussianBlur stdDeviation="0.2" result="coloredBlur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+
+    <pattern id="scanlines" x="0" y="0" width="100%" height="4" patternUnits="userSpaceOnUse">
+      <rect x="0" y="0" width="100%" height="2" fill="#000000" opacity="0.25"/>
+    </pattern>
+
+    <linearGradient id="phosphor" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#0f380f;stop-opacity:1"/>
+      <stop offset="100%" style="stop-color:#0a2f0a;stop-opacity:1"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
+
+  <!-- Hover highlight -->
+  <rect x="7" y="0" width="393" height="40" fill="#33ff33" opacity="0">
+    <animate attributeName="opacity" values="0;0.05;0" dur="2s" repeatCount="indefinite"/>
+  </rect>
+
+  <!-- Content -->
+  <g filter="url(#crtGlow)">
+    <text x="20" y="25" font-family="monospace" font-size="14" fill="#66ff66">
+      drwxr-xr-x
+    </text>
+    <text x="140" y="25" font-family="monospace" font-size="14" fill="#33ff33" font-weight="bold">
+      SLASH_COMMANDS/
+      <animate attributeName="opacity" values="1;0.95;1" dur="0.1s" repeatCount="indefinite"/>
+    </text>
+    <!--
+    <text x="400" y="25" font-family="monospace" font-size="14" fill="#449944" opacity="1">
+      # "Slash Commands are customized, carefully refined prompts that control Claude's behavior in order to perform a specific task"
+
+    </text>
+    -->
+  </g>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-row-statusline-light-anim-scanline.svg b/assets/toc-row-statusline-light-anim-scanline.svg
index 84a5271d..7b486521 100644
--- a/assets/toc-row-statusline-light-anim-scanline.svg
+++ b/assets/toc-row-statusline-light-anim-scanline.svg
@@ -1,69 +1,50 @@
-<svg width="850" height="36" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    Vintage Manual Style - TOC Row with SCAN LINE animation
-    Cycle: 21s | Start delay: 0.8s | Horizontal streak sweep only
-  -->
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
       <stop offset="0%" style="stop-color:#faf8f3"/>
       <stop offset="100%" style="stop-color:#f5f0e6"/>
     </linearGradient>
-    <pattern id="leaderDots" x="0" y="0" width="12" height="4" patternUnits="userSpaceOnUse">
+    <pattern id="leaderDots" x="0" y="0" width="10" height="4" patternUnits="userSpaceOnUse">
       <circle cx="2" cy="2" r="0.8" fill="#8a7b6f" opacity="0.5"/>
     </pattern>
   </defs>
 
   <!-- Background -->
-  <rect width="850" height="36" fill="url(#paperBg)"/>
-
-  <!-- Left/right border continuation -->
+  <rect width="400" height="36" fill="url(#paperBg)"/>
   <line x1="2" y1="0" x2="2" y2="36" stroke="#c4baa8" stroke-width="1"/>
-  <line x1="848" y1="0" x2="848" y2="36" stroke="#c4baa8" stroke-width="1"/>
+  <line x1="398" y1="0" x2="398" y2="36" stroke="#c4baa8" stroke-width="1"/>
 
   <!-- Section number -->
-  <text x="45" y="24"
+  <text x="32" y="24"
         font-family="'Courier New', Courier, monospace"
         font-size="14"
         font-weight="700"
         fill="#c96442"
         text-anchor="middle">
-    04
+    01
   </text>
 
   <!-- Section title -->
-  <text x="140" y="24"
+  <text x="120" y="24"
         font-family="Georgia, 'Times New Roman', serif"
         font-size="14"
         fill="#3d3530">
-    Status Lines
+    STATUS_LINES/
   </text>
 
   <!-- Leader dots -->
-  <rect x="260" y="20" width="460" height="4" fill="url(#leaderDots)"/>
+  <rect x="210" y="20" width="140" height="4" fill="url(#leaderDots)"/>
 
   <!-- Page/section reference -->
-  <text x="760" y="24"
+  <text x="370" y="24"
         font-family="'Courier New', Courier, monospace"
         font-size="12"
         fill="#5c5247"
         text-anchor="end"
         opacity="0.7">
-    §4
+    §1
   </text>
 
   <!-- Bottom rule -->
-  <line x1="30" y1="34" x2="820" y2="34" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
-
-  <!-- Scan line streaks -->
-  <g opacity="0.2">
-    <rect x="-30" y="4" width="3" height="28" fill="#5c5247" rx="1.5">
-      <animate attributeName="x" values="-30;880;-30;-30" keyTimes="0;0.05;0.10;1" dur="16s" begin="0.8s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-    <rect x="-22" y="8" width="1.5" height="20" fill="#c96442" rx="1.25">
-      <animate attributeName="x" values="-22;888;-22;-22" keyTimes="0;0.05;0.10;1" dur="16s" begin="0.8s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-    <rect x="-16" y="6" width="1.2" height="24" fill="#8a7b6f" rx="0.6">
-      <animate attributeName="x" values="-16;894;-16;-16" keyTimes="0;0.05;0.10;1" dur="16s" begin="0.8s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-  </g>
-</svg>
+  <line x1="20" y1="34" x2="380" y2="34" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-row-statusline-light.svg b/assets/toc-row-statusline-light.svg
index e5c70355..030f3ea9 100644
--- a/assets/toc-row-statusline-light.svg
+++ b/assets/toc-row-statusline-light.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="40" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <defs>
     <filter id="textGlow">
       <feGaussianBlur stdDeviation="0.8" result="coloredBlur"/>
diff --git a/assets/toc-row-statusline.svg b/assets/toc-row-statusline.svg
index 07640a40..15577bf0 100644
--- a/assets/toc-row-statusline.svg
+++ b/assets/toc-row-statusline.svg
@@ -1,7 +1,7 @@
-<svg width="850" height="40" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.2" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -18,34 +18,30 @@
     </linearGradient>
   </defs>
 
-  <!-- Seamless middle section -->
-  <rect width="850" height="40" fill="#1a1a1a"/>
-  <rect x="7" y="0" width="836" height="40" fill="url(#phosphor)"/>
-  <rect x="7" y="0" width="836" height="40" fill="url(#scanlines)"/>
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
 
   <!-- Hover highlight -->
-  <rect x="7" y="0" width="836" height="40" fill="#33ff33" opacity="0">
-    <animate attributeName="opacity" values="0;0.05;0" dur="2.1s" repeatCount="indefinite"/>
+  <rect x="7" y="0" width="393" height="40" fill="#33ff33" opacity="0">
+    <animate attributeName="opacity" values="0;0.05;0" dur="2s" repeatCount="indefinite"/>
   </rect>
 
   <!-- Content -->
   <g filter="url(#crtGlow)">
-    <text x="20" y="25" font-family="monospace" font-size="13" fill="#66ff66">
+    <text x="20" y="25" font-family="monospace" font-size="16" fill="#66ff66">
       drwxr-xr-x
     </text>
-    <text x="140" y="25" font-family="monospace" font-size="13" fill="#33ff33" font-weight="bold">
-      status-lines/
-      <animate attributeName="opacity" values="1;0.95;1" dur="0.14s" repeatCount="indefinite"/>
+    <text x="140" y="25" font-family="monospace" font-size="16" fill="#33ff33" font-weight="bold">
+      STATUS_LINES/
+      <animate attributeName="opacity" values="1;0.95;1" dur="0.1s" repeatCount="indefinite"/>
     </text>
-    <text x="400" y="25" font-family="monospace" font-size="12" fill="#449944" opacity="0.8">
-      # Statusline configurations &amp; customizations
-    </text>
-  </g>
+    <!--
+    <text x="400" y="25" font-family="monospace" font-size="14" fill="#449944" opacity="1">
+      # Status lines - Configurations and customizations for Claude Code's status bar functionality
 
-  <!-- Glitch effect -->
-  <g opacity="0">
-    <animate attributeName="opacity" values="0;0;0;0;0;0;1;0;0;0" dur="4.8s" repeatCount="indefinite"/>
-    <rect x="150" y="18" width="80" height="2" fill="#33ff33"/>
-    <rect x="420" y="18" width="60" height="2" fill="#449944" opacity="0.6"/>
+    </text>
+    -->
   </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-row-tooling-light-anim-lineprint.svg b/assets/toc-row-tooling-light-anim-lineprint.svg
index a903f247..5d78149f 100644
--- a/assets/toc-row-tooling-light-anim-lineprint.svg
+++ b/assets/toc-row-tooling-light-anim-lineprint.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="36" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <!--
     Vintage Manual Style - TOC Row with LINE PRINTER ANIMATION
     Animation Cycle: 4.2 seconds (offset timing)
diff --git a/assets/toc-row-tooling-light-anim-scanline.svg b/assets/toc-row-tooling-light-anim-scanline.svg
index ff8e4db1..32371e4f 100644
--- a/assets/toc-row-tooling-light-anim-scanline.svg
+++ b/assets/toc-row-tooling-light-anim-scanline.svg
@@ -1,69 +1,50 @@
-<svg width="850" height="36" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    Vintage Manual Style - TOC Row with SCAN LINE animation
-    Cycle: 17s | Start delay: 2.5s | Horizontal streak sweep only
-  -->
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
       <stop offset="0%" style="stop-color:#faf8f3"/>
       <stop offset="100%" style="stop-color:#f5f0e6"/>
     </linearGradient>
-    <pattern id="leaderDots" x="0" y="0" width="12" height="4" patternUnits="userSpaceOnUse">
+    <pattern id="leaderDots" x="0" y="0" width="10" height="4" patternUnits="userSpaceOnUse">
       <circle cx="2" cy="2" r="0.8" fill="#8a7b6f" opacity="0.5"/>
     </pattern>
   </defs>
 
   <!-- Background -->
-  <rect width="850" height="36" fill="url(#paperBg)"/>
-
-  <!-- Left/right border continuation -->
+  <rect width="400" height="36" fill="url(#paperBg)"/>
   <line x1="2" y1="0" x2="2" y2="36" stroke="#c4baa8" stroke-width="1"/>
-  <line x1="848" y1="0" x2="848" y2="36" stroke="#c4baa8" stroke-width="1"/>
+  <line x1="398" y1="0" x2="398" y2="36" stroke="#c4baa8" stroke-width="1"/>
 
   <!-- Section number -->
-  <text x="45" y="24"
+  <text x="32" y="24"
         font-family="'Courier New', Courier, monospace"
         font-size="14"
         font-weight="700"
         fill="#c96442"
         text-anchor="middle">
-    03
+    01
   </text>
 
   <!-- Section title -->
-  <text x="140" y="24"
+  <text x="120" y="24"
         font-family="Georgia, 'Times New Roman', serif"
         font-size="14"
         fill="#3d3530">
-    Tooling
+    TOOLING/
   </text>
 
   <!-- Leader dots -->
-  <rect x="220" y="20" width="500" height="4" fill="url(#leaderDots)"/>
+  <rect x="210" y="20" width="140" height="4" fill="url(#leaderDots)"/>
 
   <!-- Page/section reference -->
-  <text x="760" y="24"
+  <text x="370" y="24"
         font-family="'Courier New', Courier, monospace"
         font-size="12"
         fill="#5c5247"
         text-anchor="end"
         opacity="0.7">
-    §3
+    §1
   </text>
 
   <!-- Bottom rule -->
-  <line x1="30" y1="34" x2="820" y2="34" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
-
-  <!-- Scan line streaks -->
-  <g opacity="0.2">
-    <rect x="-30" y="4" width="3" height="28" fill="#5c5247" rx="1.5">
-      <animate attributeName="x" values="-30;880;-30;-30" keyTimes="0;0.05;0.10;1" dur="15s" begin="2.5s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-    <rect x="-22" y="8" width="1.5" height="20" fill="#c96442" rx="1.25">
-      <animate attributeName="x" values="-22;888;-22;-22" keyTimes="0;0.05;0.10;1" dur="15s" begin="2.5s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-    <rect x="-16" y="6" width="1.2" height="24" fill="#8a7b6f" rx="0.6">
-      <animate attributeName="x" values="-16;894;-16;-16" keyTimes="0;0.05;0.10;1" dur="15s" begin="2.5s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-  </g>
-</svg>
+  <line x1="20" y1="34" x2="380" y2="34" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-row-tooling-light-manual.svg b/assets/toc-row-tooling-light-manual.svg
index 06416e12..bfc6bca5 100644
--- a/assets/toc-row-tooling-light-manual.svg
+++ b/assets/toc-row-tooling-light-manual.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="36" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <defs>
     <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
       <stop offset="0%" style="stop-color:#faf8f3"/>
diff --git a/assets/toc-row-tooling-light.svg b/assets/toc-row-tooling-light.svg
index 3c7b69c2..b8006e99 100644
--- a/assets/toc-row-tooling-light.svg
+++ b/assets/toc-row-tooling-light.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="40" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <defs>
     <filter id="textGlow">
       <feGaussianBlur stdDeviation="0.8" result="coloredBlur"/>
diff --git a/assets/toc-row-tooling.svg b/assets/toc-row-tooling.svg
index 74cb52e8..2ba8759c 100644
--- a/assets/toc-row-tooling.svg
+++ b/assets/toc-row-tooling.svg
@@ -1,7 +1,7 @@
-<svg width="850" height="40" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.2" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -18,24 +18,30 @@
     </linearGradient>
   </defs>
 
-  <rect width="850" height="40" fill="#1a1a1a"/>
-  <rect x="7" y="0" width="836" height="40" fill="url(#phosphor)"/>
-  <rect x="7" y="0" width="836" height="40" fill="url(#scanlines)"/>
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
 
-  <rect x="7" y="0" width="836" height="40" fill="#33ff33" opacity="0">
-    <animate attributeName="opacity" values="0;0.05;0" dur="2.4s" repeatCount="indefinite"/>
+  <!-- Hover highlight -->
+  <rect x="7" y="0" width="393" height="40" fill="#33ff33" opacity="0">
+    <animate attributeName="opacity" values="0;0.05;0" dur="2s" repeatCount="indefinite"/>
   </rect>
 
+  <!-- Content -->
   <g filter="url(#crtGlow)">
-    <text x="20" y="25" font-family="monospace" font-size="13" fill="#66ff66">
+    <text x="20" y="25" font-family="monospace" font-size="16" fill="#66ff66">
       drwxr-xr-x
     </text>
-    <text x="140" y="25" font-family="monospace" font-size="13" fill="#33ff33" font-weight="bold">
-      tooling/
-      <animate attributeName="opacity" values="1;0.95;1" dur="0.13s" repeatCount="indefinite"/>
+    <text x="140" y="25" font-family="monospace" font-size="16" fill="#33ff33" font-weight="bold">
+      TOOLING/
+      <animate attributeName="opacity" values="1;0.95;1" dur="0.1s" repeatCount="indefinite"/>
     </text>
-    <text x="400" y="25" font-family="monospace" font-size="12" fill="#449944" opacity="0.8">
-      # Apps, utilities, IDE integrations
+    <!--
+    <text x="400" y="25" font-family="monospace" font-size="14" fill="#449944" opacity="1">
+      # Tooling denotes applications that are built on top of Claude Code and consist of more components than slash-commands and `CLAUDE.md` files
+
     </text>
+    -->
   </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-row-workflows-light-anim-lineprint.svg b/assets/toc-row-workflows-light-anim-lineprint.svg
index 8f472ef9..27a2e922 100644
--- a/assets/toc-row-workflows-light-anim-lineprint.svg
+++ b/assets/toc-row-workflows-light-anim-lineprint.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="36" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <!--
     Vintage Manual Style - TOC Row with LINE PRINTER ANIMATION
     Animation Cycle: 4.5 seconds (slightly offset from other rows)
diff --git a/assets/toc-row-workflows-light-anim-scanline.svg b/assets/toc-row-workflows-light-anim-scanline.svg
index 8dcb409c..24a4bf6a 100644
--- a/assets/toc-row-workflows-light-anim-scanline.svg
+++ b/assets/toc-row-workflows-light-anim-scanline.svg
@@ -1,69 +1,50 @@
-<svg width="850" height="36" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    Vintage Manual Style - TOC Row with SCAN LINE animation
-    Cycle: 19s | Start delay: 1.2s | Horizontal streak sweep only
-  -->
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
       <stop offset="0%" style="stop-color:#faf8f3"/>
       <stop offset="100%" style="stop-color:#f5f0e6"/>
     </linearGradient>
-    <pattern id="leaderDots" x="0" y="0" width="12" height="4" patternUnits="userSpaceOnUse">
+    <pattern id="leaderDots" x="0" y="0" width="10" height="4" patternUnits="userSpaceOnUse">
       <circle cx="2" cy="2" r="0.8" fill="#8a7b6f" opacity="0.5"/>
     </pattern>
   </defs>
 
   <!-- Background -->
-  <rect width="850" height="36" fill="url(#paperBg)"/>
-
-  <!-- Left/right border continuation -->
+  <rect width="400" height="36" fill="url(#paperBg)"/>
   <line x1="2" y1="0" x2="2" y2="36" stroke="#c4baa8" stroke-width="1"/>
-  <line x1="848" y1="0" x2="848" y2="36" stroke="#c4baa8" stroke-width="1"/>
+  <line x1="398" y1="0" x2="398" y2="36" stroke="#c4baa8" stroke-width="1"/>
 
   <!-- Section number -->
-  <text x="45" y="24"
+  <text x="32" y="24"
         font-family="'Courier New', Courier, monospace"
         font-size="14"
         font-weight="700"
         fill="#c96442"
         text-anchor="middle">
-    02
+    01
   </text>
 
   <!-- Section title -->
-  <text x="140" y="24"
+  <text x="120" y="24"
         font-family="Georgia, 'Times New Roman', serif"
         font-size="14"
         fill="#3d3530">
-    Workflows &amp; Knowledge Guides
+    WORKFLOWS_&amp;_GUIDES/
   </text>
 
   <!-- Leader dots -->
-  <rect x="400" y="20" width="320" height="4" fill="url(#leaderDots)"/>
+  <rect x="210" y="20" width="140" height="4" fill="url(#leaderDots)"/>
 
   <!-- Page/section reference -->
-  <text x="760" y="24"
+  <text x="370" y="24"
         font-family="'Courier New', Courier, monospace"
         font-size="12"
         fill="#5c5247"
         text-anchor="end"
         opacity="0.7">
-    §2
+    §1
   </text>
 
   <!-- Bottom rule -->
-  <line x1="30" y1="34" x2="820" y2="34" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
-
-  <!-- Scan line streaks -->
-  <g opacity="0.2">
-    <rect x="-30" y="4" width="3" height="28" fill="#5c5247" rx="1.5">
-      <animate attributeName="x" values="-30;880;-30;-30" keyTimes="0;0.05;0.10;1" dur="15s" begin="1.2s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-    <rect x="-22" y="8" width="1.5" height="20" fill="#c96442" rx="1.25">
-      <animate attributeName="x" values="-22;888;-22;-22" keyTimes="0;0.05;0.10;1" dur="15s" begin="1.2s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-    <rect x="-16" y="6" width="1.2" height="24" fill="#8a7b6f" rx="0.6">
-      <animate attributeName="x" values="-16;894;-16;-16" keyTimes="0;0.05;0.10;1" dur="15s" begin="1.2s" repeatCount="indefinite" calcMode="linear"/>
-    </rect>
-  </g>
-</svg>
+  <line x1="20" y1="34" x2="380" y2="34" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-row-workflows-light-manual.svg b/assets/toc-row-workflows-light-manual.svg
index 40a235c6..0fd0caac 100644
--- a/assets/toc-row-workflows-light-manual.svg
+++ b/assets/toc-row-workflows-light-manual.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="36" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <defs>
     <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
       <stop offset="0%" style="stop-color:#faf8f3"/>
diff --git a/assets/toc-row-workflows-light.svg b/assets/toc-row-workflows-light.svg
index c7163253..a7d332d3 100644
--- a/assets/toc-row-workflows-light.svg
+++ b/assets/toc-row-workflows-light.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="40" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <defs>
     <filter id="textGlow">
       <feGaussianBlur stdDeviation="0.8" result="coloredBlur"/>
diff --git a/assets/toc-row-workflows.svg b/assets/toc-row-workflows.svg
index 6a1f844b..90ba0010 100644
--- a/assets/toc-row-workflows.svg
+++ b/assets/toc-row-workflows.svg
@@ -1,7 +1,7 @@
-<svg width="850" height="40" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.2" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -18,24 +18,30 @@
     </linearGradient>
   </defs>
 
-  <rect width="850" height="40" fill="#1a1a1a"/>
-  <rect x="7" y="0" width="836" height="40" fill="url(#phosphor)"/>
-  <rect x="7" y="0" width="836" height="40" fill="url(#scanlines)"/>
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
 
-  <rect x="7" y="0" width="836" height="40" fill="#33ff33" opacity="0">
-    <animate attributeName="opacity" values="0;0.05;0" dur="2.2s" repeatCount="indefinite"/>
+  <!-- Hover highlight -->
+  <rect x="7" y="0" width="393" height="40" fill="#33ff33" opacity="0">
+    <animate attributeName="opacity" values="0;0.05;0" dur="2s" repeatCount="indefinite"/>
   </rect>
 
+  <!-- Content -->
   <g filter="url(#crtGlow)">
-    <text x="20" y="25" font-family="monospace" font-size="13" fill="#66ff66">
+    <text x="20" y="25" font-family="monospace" font-size="16" fill="#66ff66">
       drwxr-xr-x
     </text>
-    <text x="140" y="25" font-family="monospace" font-size="13" fill="#33ff33" font-weight="bold">
-      workflows/
-      <animate attributeName="opacity" values="1;0.95;1" dur="0.11s" repeatCount="indefinite"/>
+    <text x="140" y="25" font-family="monospace" font-size="16" fill="#33ff33" font-weight="bold">
+      WORKFLOWS_&amp;_GUIDES/
+      <animate attributeName="opacity" values="1;0.95;1" dur="0.1s" repeatCount="indefinite"/>
     </text>
-    <text x="400" y="25" font-family="monospace" font-size="12" fill="#449944" opacity="0.8">
-      # Development methodologies &amp; guides
+    <!--
+    <text x="400" y="25" font-family="monospace" font-size="14" fill="#449944" opacity="1">
+      # A workflow is a tightly coupled set of Claude Code-native resources that facilitate specific projects
+
     </text>
+    -->
   </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-ci-light-anim-scanline.svg b/assets/toc-sub-ci-light-anim-scanline.svg
index a222327e..e122a246 100644
--- a/assets/toc-sub-ci-light-anim-scanline.svg
+++ b/assets/toc-sub-ci-light-anim-scanline.svg
@@ -1,55 +1,28 @@
-<svg width="850" height="28" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    Vintage Manual Style - TOC Sub Entry with SCAN LINE animation
-    Cycle: 20s | Start delay: 6.5s | Horizontal streak sweep only
-  -->
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
-    <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
-      <stop offset="0%" style="stop-color:#faf8f3"/>
-      <stop offset="100%" style="stop-color:#f5f0e6"/>
+    <linearGradient id="paperBgSub" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#fbfaf6"/>
+      <stop offset="100%" style="stop-color:#f4efe5"/>
     </linearGradient>
-    <pattern id="leaderDotsSub" x="0" y="0" width="12" height="4" patternUnits="userSpaceOnUse">
-      <circle cx="2" cy="2" r="0.6" fill="#a09080" opacity="0.4"/>
-    </pattern>
   </defs>
 
-  <!-- Background -->
-  <rect width="850" height="28" fill="url(#paperBg)"/>
+  <rect width="400" height="36" fill="url(#paperBgSub)"/>
+  <line x1="2" y1="0" x2="2" y2="36" stroke="#c4baa8" stroke-width="1"/>
+  <line x1="398" y1="0" x2="398" y2="36" stroke="#c4baa8" stroke-width="1"/>
 
-  <!-- Left/right border continuation -->
-  <line x1="2" y1="0" x2="2" y2="28" stroke="#c4baa8" stroke-width="1"/>
-  <line x1="848" y1="0" x2="848" y2="28" stroke="#c4baa8" stroke-width="1"/>
-
-  <!-- Indent marker -->
-  <text x="80" y="18"
+  <text x="22" y="24"
         font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#8a7b6f"
-        opacity="0.6">
-    └─
+        font-size="12"
+        fill="#c96442"
+        opacity="0.8">
+    |-
   </text>
-
-  <!-- Sub-section title -->
-  <text x="120" y="18"
+  <text x="60" y="24"
         font-family="Georgia, 'Times New Roman', serif"
-        font-size="12"
-        font-style="italic"
-        fill="#5c5247"
-        opacity="0.85">
+        font-size="13"
+        fill="#3d3530">
     CI / Deployment
   </text>
 
-  <!-- Leader dots -->
-  <rect x="240" y="15" width="480" height="4" fill="url(#leaderDotsSub)"/>
-
-  <!-- Reference -->
-  <text x="760" y="18"
-        font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#7a6b5f"
-        text-anchor="end"
-        opacity="0.6">
-    §6.6
-  </text>
-
-</svg>
+  <line x1="20" y1="33" x2="380" y2="33" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-ci-light.svg b/assets/toc-sub-ci-light.svg
index eb3edd6f..0af605b5 100644
--- a/assets/toc-sub-ci-light.svg
+++ b/assets/toc-sub-ci-light.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <defs>
     <filter id="textGlow">
       <feGaussianBlur stdDeviation="0.8" result="coloredBlur"/>
diff --git a/assets/toc-sub-ci.svg b/assets/toc-sub-ci.svg
index e8359815..9c0e0f9d 100644
--- a/assets/toc-sub-ci.svg
+++ b/assets/toc-sub-ci.svg
@@ -1,7 +1,7 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg height="40" width="400" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.5" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -18,22 +18,18 @@
     </linearGradient>
   </defs>
 
-  <rect width="850" height="35" fill="#1a1a1a"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#phosphor)"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#scanlines)"/>
-
-  <rect x="7" y="0" width="836" height="35" fill="#66ff66" opacity="0">
-    <animate attributeName="opacity" values="0;0.03;0" dur="2.4s" repeatCount="indefinite"/>
-  </rect>
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
 
+  <!-- Content -->
   <g filter="url(#crtGlow)">
-    <text x="60" y="22" font-family="monospace" font-size="13" fill="#449944" opacity="0.7">
-      ├──
+    <text x="18" y="25" font-family="monospace" font-size="12" fill="#66ff66" opacity="0.8">
+      |-
     </text>
-
-    <text x="115" y="22" font-family="monospace" font-size="12" fill="#66ff66">
-      ci-deployment/
-      <animate attributeName="opacity" values="1;0.9;1" dur="0.15s" repeatCount="indefinite"/>
+    <text x="56" y="25" font-family="monospace" font-size="13" fill="#33ff33">
+      CI / Deployment
     </text>
   </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-code-analysis-light-anim-scanline.svg b/assets/toc-sub-code-analysis-light-anim-scanline.svg
index 43d6bf60..687e4dbc 100644
--- a/assets/toc-sub-code-analysis-light-anim-scanline.svg
+++ b/assets/toc-sub-code-analysis-light-anim-scanline.svg
@@ -1,55 +1,28 @@
-<svg width="850" height="28" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    Vintage Manual Style - TOC Sub Entry with SCAN LINE animation
-    Cycle: 25s | Start delay: 1.2s | Horizontal streak sweep only
-  -->
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
-    <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
-      <stop offset="0%" style="stop-color:#faf8f3"/>
-      <stop offset="100%" style="stop-color:#f5f0e6"/>
+    <linearGradient id="paperBgSub" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#fbfaf6"/>
+      <stop offset="100%" style="stop-color:#f4efe5"/>
     </linearGradient>
-    <pattern id="leaderDotsSub" x="0" y="0" width="12" height="4" patternUnits="userSpaceOnUse">
-      <circle cx="2" cy="2" r="0.6" fill="#a09080" opacity="0.4"/>
-    </pattern>
   </defs>
 
-  <!-- Background -->
-  <rect width="850" height="28" fill="url(#paperBg)"/>
+  <rect width="400" height="36" fill="url(#paperBgSub)"/>
+  <line x1="2" y1="0" x2="2" y2="36" stroke="#c4baa8" stroke-width="1"/>
+  <line x1="398" y1="0" x2="398" y2="36" stroke="#c4baa8" stroke-width="1"/>
 
-  <!-- Left/right border continuation -->
-  <line x1="2" y1="0" x2="2" y2="28" stroke="#c4baa8" stroke-width="1"/>
-  <line x1="848" y1="0" x2="848" y2="28" stroke="#c4baa8" stroke-width="1"/>
-
-  <!-- Indent marker -->
-  <text x="80" y="18"
+  <text x="22" y="24"
         font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#8a7b6f"
-        opacity="0.6">
-    └─
+        font-size="12"
+        fill="#c96442"
+        opacity="0.8">
+    |-
   </text>
-
-  <!-- Sub-section title -->
-  <text x="120" y="18"
+  <text x="60" y="24"
         font-family="Georgia, 'Times New Roman', serif"
-        font-size="12"
-        font-style="italic"
-        fill="#5c5247"
-        opacity="0.85">
+        font-size="13"
+        fill="#3d3530">
     Code Analysis &amp; Testing
   </text>
 
-  <!-- Leader dots -->
-  <rect x="295" y="15" width="425" height="4" fill="url(#leaderDotsSub)"/>
-
-  <!-- Reference -->
-  <text x="760" y="18"
-        font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#7a6b5f"
-        text-anchor="end"
-        opacity="0.6">
-    §6.3
-  </text>
-
-</svg>
+  <line x1="20" y1="33" x2="380" y2="33" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-code-analysis-light.svg b/assets/toc-sub-code-analysis-light.svg
index f0a0946b..754adca4 100644
--- a/assets/toc-sub-code-analysis-light.svg
+++ b/assets/toc-sub-code-analysis-light.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <defs>
     <filter id="textGlow">
       <feGaussianBlur stdDeviation="0.8" result="coloredBlur"/>
diff --git a/assets/toc-sub-code-analysis.svg b/assets/toc-sub-code-analysis.svg
index 0241570b..c88cf7a2 100644
--- a/assets/toc-sub-code-analysis.svg
+++ b/assets/toc-sub-code-analysis.svg
@@ -1,7 +1,7 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg height="40" width="400" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.5" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -18,22 +18,18 @@
     </linearGradient>
   </defs>
 
-  <rect width="850" height="35" fill="#1a1a1a"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#phosphor)"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#scanlines)"/>
-
-  <rect x="7" y="0" width="836" height="35" fill="#66ff66" opacity="0">
-    <animate attributeName="opacity" values="0;0.03;0" dur="2.3s" repeatCount="indefinite"/>
-  </rect>
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
 
+  <!-- Content -->
   <g filter="url(#crtGlow)">
-    <text x="60" y="22" font-family="monospace" font-size="13" fill="#449944" opacity="0.7">
-      ├──
+    <text x="18" y="25" font-family="monospace" font-size="12" fill="#66ff66" opacity="0.8">
+      |-
     </text>
-
-    <text x="115" y="22" font-family="monospace" font-size="12" fill="#66ff66">
-      code-analysis/
-      <animate attributeName="opacity" values="1;0.9;1" dur="0.14s" repeatCount="indefinite"/>
+    <text x="56" y="25" font-family="monospace" font-size="13" fill="#33ff33">
+      Code Analysis &amp; Testing
     </text>
   </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-context-light-anim-scanline.svg b/assets/toc-sub-context-light-anim-scanline.svg
index 4c992250..89063cda 100644
--- a/assets/toc-sub-context-light-anim-scanline.svg
+++ b/assets/toc-sub-context-light-anim-scanline.svg
@@ -1,55 +1,28 @@
-<svg width="850" height="28" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    Vintage Manual Style - TOC Sub Entry with SCAN LINE animation
-    Cycle: 27s | Start delay: 5.8s | Horizontal streak sweep only
-  -->
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
-    <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
-      <stop offset="0%" style="stop-color:#faf8f3"/>
-      <stop offset="100%" style="stop-color:#f5f0e6"/>
+    <linearGradient id="paperBgSub" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#fbfaf6"/>
+      <stop offset="100%" style="stop-color:#f4efe5"/>
     </linearGradient>
-    <pattern id="leaderDotsSub" x="0" y="0" width="12" height="4" patternUnits="userSpaceOnUse">
-      <circle cx="2" cy="2" r="0.6" fill="#a09080" opacity="0.4"/>
-    </pattern>
   </defs>
 
-  <!-- Background -->
-  <rect width="850" height="28" fill="url(#paperBg)"/>
+  <rect width="400" height="36" fill="url(#paperBgSub)"/>
+  <line x1="2" y1="0" x2="2" y2="36" stroke="#c4baa8" stroke-width="1"/>
+  <line x1="398" y1="0" x2="398" y2="36" stroke="#c4baa8" stroke-width="1"/>
 
-  <!-- Left/right border continuation -->
-  <line x1="2" y1="0" x2="2" y2="28" stroke="#c4baa8" stroke-width="1"/>
-  <line x1="848" y1="0" x2="848" y2="28" stroke="#c4baa8" stroke-width="1"/>
-
-  <!-- Indent marker -->
-  <text x="80" y="18"
+  <text x="22" y="24"
         font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#8a7b6f"
-        opacity="0.6">
-    └─
+        font-size="12"
+        fill="#c96442"
+        opacity="0.8">
+    |-
   </text>
-
-  <!-- Sub-section title -->
-  <text x="120" y="18"
+  <text x="60" y="24"
         font-family="Georgia, 'Times New Roman', serif"
-        font-size="12"
-        font-style="italic"
-        fill="#5c5247"
-        opacity="0.85">
+        font-size="13"
+        fill="#3d3530">
     Context Loading &amp; Priming
   </text>
 
-  <!-- Leader dots -->
-  <rect x="310" y="15" width="410" height="4" fill="url(#leaderDotsSub)"/>
-
-  <!-- Reference -->
-  <text x="760" y="18"
-        font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#7a6b5f"
-        text-anchor="end"
-        opacity="0.6">
-    §6.4
-  </text>
-
-</svg>
+  <line x1="20" y1="33" x2="380" y2="33" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-context-light.svg b/assets/toc-sub-context-light.svg
index 4946cec2..7e9112bd 100644
--- a/assets/toc-sub-context-light.svg
+++ b/assets/toc-sub-context-light.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <defs>
     <filter id="textGlow">
       <feGaussianBlur stdDeviation="0.8" result="coloredBlur"/>
diff --git a/assets/toc-sub-context.svg b/assets/toc-sub-context.svg
index c723ffbd..575c63d7 100644
--- a/assets/toc-sub-context.svg
+++ b/assets/toc-sub-context.svg
@@ -1,7 +1,7 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg height="40" width="400" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.5" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -18,22 +18,18 @@
     </linearGradient>
   </defs>
 
-  <rect width="850" height="35" fill="#1a1a1a"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#phosphor)"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#scanlines)"/>
-
-  <rect x="7" y="0" width="836" height="35" fill="#66ff66" opacity="0">
-    <animate attributeName="opacity" values="0;0.03;0" dur="2.2s" repeatCount="indefinite"/>
-  </rect>
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
 
+  <!-- Content -->
   <g filter="url(#crtGlow)">
-    <text x="60" y="22" font-family="monospace" font-size="13" fill="#449944" opacity="0.7">
-      ├──
+    <text x="18" y="25" font-family="monospace" font-size="12" fill="#66ff66" opacity="0.8">
+      |-
     </text>
-
-    <text x="115" y="22" font-family="monospace" font-size="12" fill="#66ff66">
-      context-loading/
-      <animate attributeName="opacity" values="1;0.9;1" dur="0.13s" repeatCount="indefinite"/>
+    <text x="56" y="25" font-family="monospace" font-size="13" fill="#33ff33">
+      Context Loading &amp; Priming
     </text>
   </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-documentation-light-anim-scanline.svg b/assets/toc-sub-documentation-light-anim-scanline.svg
index fbc37e6c..ff2573b4 100644
--- a/assets/toc-sub-documentation-light-anim-scanline.svg
+++ b/assets/toc-sub-documentation-light-anim-scanline.svg
@@ -1,55 +1,28 @@
-<svg width="850" height="28" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    Vintage Manual Style - TOC Sub Entry with SCAN LINE animation
-    Cycle: 23s | Start delay: 3.8s | Horizontal streak sweep only
-  -->
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
-    <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
-      <stop offset="0%" style="stop-color:#faf8f3"/>
-      <stop offset="100%" style="stop-color:#f5f0e6"/>
+    <linearGradient id="paperBgSub" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#fbfaf6"/>
+      <stop offset="100%" style="stop-color:#f4efe5"/>
     </linearGradient>
-    <pattern id="leaderDotsSub" x="0" y="0" width="12" height="4" patternUnits="userSpaceOnUse">
-      <circle cx="2" cy="2" r="0.6" fill="#a09080" opacity="0.4"/>
-    </pattern>
   </defs>
 
-  <!-- Background -->
-  <rect width="850" height="28" fill="url(#paperBg)"/>
+  <rect width="400" height="36" fill="url(#paperBgSub)"/>
+  <line x1="2" y1="0" x2="2" y2="36" stroke="#c4baa8" stroke-width="1"/>
+  <line x1="398" y1="0" x2="398" y2="36" stroke="#c4baa8" stroke-width="1"/>
 
-  <!-- Left/right border continuation -->
-  <line x1="2" y1="0" x2="2" y2="28" stroke="#c4baa8" stroke-width="1"/>
-  <line x1="848" y1="0" x2="848" y2="28" stroke="#c4baa8" stroke-width="1"/>
-
-  <!-- Indent marker -->
-  <text x="80" y="18"
+  <text x="22" y="24"
         font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#8a7b6f"
-        opacity="0.6">
-    └─
+        font-size="12"
+        fill="#c96442"
+        opacity="0.8">
+    |-
   </text>
-
-  <!-- Sub-section title -->
-  <text x="120" y="18"
+  <text x="60" y="24"
         font-family="Georgia, 'Times New Roman', serif"
-        font-size="12"
-        font-style="italic"
-        fill="#5c5247"
-        opacity="0.85">
+        font-size="13"
+        fill="#3d3530">
     Documentation &amp; Changelogs
   </text>
 
-  <!-- Leader dots -->
-  <rect x="320" y="15" width="400" height="4" fill="url(#leaderDotsSub)"/>
-
-  <!-- Reference -->
-  <text x="760" y="18"
-        font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#7a6b5f"
-        text-anchor="end"
-        opacity="0.6">
-    §6.5
-  </text>
-
-</svg>
+  <line x1="20" y1="33" x2="380" y2="33" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-documentation-light.svg b/assets/toc-sub-documentation-light.svg
index bba1bb59..8166844c 100644
--- a/assets/toc-sub-documentation-light.svg
+++ b/assets/toc-sub-documentation-light.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <defs>
     <filter id="textGlow">
       <feGaussianBlur stdDeviation="0.8" result="coloredBlur"/>
diff --git a/assets/toc-sub-documentation.svg b/assets/toc-sub-documentation.svg
index 90985b26..fe6d0d63 100644
--- a/assets/toc-sub-documentation.svg
+++ b/assets/toc-sub-documentation.svg
@@ -1,7 +1,7 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg height="40" width="400" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.5" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -18,22 +18,18 @@
     </linearGradient>
   </defs>
 
-  <rect width="850" height="35" fill="#1a1a1a"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#phosphor)"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#scanlines)"/>
-
-  <rect x="7" y="0" width="836" height="35" fill="#66ff66" opacity="0">
-    <animate attributeName="opacity" values="0;0.03;0" dur="2.1s" repeatCount="indefinite"/>
-  </rect>
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
 
+  <!-- Content -->
   <g filter="url(#crtGlow)">
-    <text x="60" y="22" font-family="monospace" font-size="13" fill="#449944" opacity="0.7">
-      ├──
+    <text x="18" y="25" font-family="monospace" font-size="12" fill="#66ff66" opacity="0.8">
+      |-
     </text>
-
-    <text x="115" y="22" font-family="monospace" font-size="12" fill="#66ff66">
-      documentation/
-      <animate attributeName="opacity" values="1;0.9;1" dur="0.12s" repeatCount="indefinite"/>
+    <text x="56" y="25" font-family="monospace" font-size="13" fill="#33ff33">
+      Documentation &amp; Changelogs
     </text>
   </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-domain-light-anim-scanline.svg b/assets/toc-sub-domain-light-anim-scanline.svg
index fa4ed8a8..2eaf6eab 100644
--- a/assets/toc-sub-domain-light-anim-scanline.svg
+++ b/assets/toc-sub-domain-light-anim-scanline.svg
@@ -1,55 +1,28 @@
-<svg width="850" height="28" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    Vintage Manual Style - TOC Sub Entry with SCAN LINE animation
-    Cycle: 24s | Start delay: 5.2s | Horizontal streak sweep only
-  -->
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
-    <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
-      <stop offset="0%" style="stop-color:#faf8f3"/>
-      <stop offset="100%" style="stop-color:#f5f0e6"/>
+    <linearGradient id="paperBgSub" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#fbfaf6"/>
+      <stop offset="100%" style="stop-color:#f4efe5"/>
     </linearGradient>
-    <pattern id="leaderDotsSub" x="0" y="0" width="12" height="4" patternUnits="userSpaceOnUse">
-      <circle cx="2" cy="2" r="0.6" fill="#a09080" opacity="0.4"/>
-    </pattern>
   </defs>
 
-  <!-- Background -->
-  <rect width="850" height="28" fill="url(#paperBg)"/>
+  <rect width="400" height="36" fill="url(#paperBgSub)"/>
+  <line x1="2" y1="0" x2="2" y2="36" stroke="#c4baa8" stroke-width="1"/>
+  <line x1="398" y1="0" x2="398" y2="36" stroke="#c4baa8" stroke-width="1"/>
 
-  <!-- Left/right border continuation -->
-  <line x1="2" y1="0" x2="2" y2="28" stroke="#c4baa8" stroke-width="1"/>
-  <line x1="848" y1="0" x2="848" y2="28" stroke="#c4baa8" stroke-width="1"/>
-
-  <!-- Indent marker -->
-  <text x="80" y="18"
+  <text x="22" y="24"
         font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#8a7b6f"
-        opacity="0.6">
-    └─
+        font-size="12"
+        fill="#c96442"
+        opacity="0.8">
+    |-
   </text>
-
-  <!-- Sub-section title -->
-  <text x="120" y="18"
+  <text x="60" y="24"
         font-family="Georgia, 'Times New Roman', serif"
-        font-size="12"
-        font-style="italic"
-        fill="#5c5247"
-        opacity="0.85">
+        font-size="13"
+        fill="#3d3530">
     Domain-Specific
   </text>
 
-  <!-- Leader dots -->
-  <rect x="250" y="15" width="470" height="4" fill="url(#leaderDotsSub)"/>
-
-  <!-- Reference -->
-  <text x="760" y="18"
-        font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#7a6b5f"
-        text-anchor="end"
-        opacity="0.6">
-    §7.2
-  </text>
-
-</svg>
+  <line x1="20" y1="33" x2="380" y2="33" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-domain-light.svg b/assets/toc-sub-domain-light.svg
index 5d9adec7..10850d6f 100644
--- a/assets/toc-sub-domain-light.svg
+++ b/assets/toc-sub-domain-light.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <defs>
     <filter id="textGlow">
       <feGaussianBlur stdDeviation="0.8" result="coloredBlur"/>
diff --git a/assets/toc-sub-domain.svg b/assets/toc-sub-domain.svg
index d487abbc..7c0263c0 100644
--- a/assets/toc-sub-domain.svg
+++ b/assets/toc-sub-domain.svg
@@ -1,7 +1,7 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg height="40" width="400" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.5" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -18,22 +18,18 @@
     </linearGradient>
   </defs>
 
-  <rect width="850" height="35" fill="#1a1a1a"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#phosphor)"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#scanlines)"/>
-
-  <rect x="7" y="0" width="836" height="35" fill="#66ff66" opacity="0">
-    <animate attributeName="opacity" values="0;0.03;0" dur="1.7s" repeatCount="indefinite"/>
-  </rect>
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
 
+  <!-- Content -->
   <g filter="url(#crtGlow)">
-    <text x="60" y="22" font-family="monospace" font-size="13" fill="#449944" opacity="0.7">
-      ├──
+    <text x="18" y="25" font-family="monospace" font-size="12" fill="#66ff66" opacity="0.8">
+      |-
     </text>
-
-    <text x="115" y="22" font-family="monospace" font-size="12" fill="#66ff66">
-      domain-specific/
-      <animate attributeName="opacity" values="1;0.9;1" dur="0.19s" repeatCount="indefinite"/>
+    <text x="56" y="25" font-family="monospace" font-size="13" fill="#33ff33">
+      Domain-Specific
     </text>
   </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-general-light-anim-scanline.svg b/assets/toc-sub-general-light-anim-scanline.svg
index 3d7928c8..952fec1c 100644
--- a/assets/toc-sub-general-light-anim-scanline.svg
+++ b/assets/toc-sub-general-light-anim-scanline.svg
@@ -1,55 +1,28 @@
-<svg width="850" height="28" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    Vintage Manual Style - TOC Sub Entry with SCAN LINE animation
-    Cycle: 24s | Start delay: 0.5s | Horizontal streak sweep only
-  -->
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
-    <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
-      <stop offset="0%" style="stop-color:#faf8f3"/>
-      <stop offset="100%" style="stop-color:#f5f0e6"/>
+    <linearGradient id="paperBgSub" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#fbfaf6"/>
+      <stop offset="100%" style="stop-color:#f4efe5"/>
     </linearGradient>
-    <pattern id="leaderDotsSub" x="0" y="0" width="12" height="4" patternUnits="userSpaceOnUse">
-      <circle cx="2" cy="2" r="0.6" fill="#a09080" opacity="0.4"/>
-    </pattern>
   </defs>
 
-  <!-- Background -->
-  <rect width="850" height="28" fill="url(#paperBg)"/>
+  <rect width="400" height="36" fill="url(#paperBgSub)"/>
+  <line x1="2" y1="0" x2="2" y2="36" stroke="#c4baa8" stroke-width="1"/>
+  <line x1="398" y1="0" x2="398" y2="36" stroke="#c4baa8" stroke-width="1"/>
 
-  <!-- Left/right border continuation -->
-  <line x1="2" y1="0" x2="2" y2="28" stroke="#c4baa8" stroke-width="1"/>
-  <line x1="848" y1="0" x2="848" y2="28" stroke="#c4baa8" stroke-width="1"/>
-
-  <!-- Indent marker -->
-  <text x="80" y="18"
+  <text x="22" y="24"
         font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#8a7b6f"
-        opacity="0.6">
-    └─
+        font-size="12"
+        fill="#c96442"
+        opacity="0.8">
+    |-
   </text>
-
-  <!-- Sub-section title -->
-  <text x="120" y="18"
+  <text x="60" y="24"
         font-family="Georgia, 'Times New Roman', serif"
-        font-size="12"
-        font-style="italic"
-        fill="#5c5247"
-        opacity="0.85">
+        font-size="13"
+        fill="#3d3530">
     General
   </text>
 
-  <!-- Leader dots -->
-  <rect x="200" y="15" width="520" height="4" fill="url(#leaderDotsSub)"/>
-
-  <!-- Reference -->
-  <text x="760" y="18"
-        font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#7a6b5f"
-        text-anchor="end"
-        opacity="0.6">
-    §_.1
-  </text>
-
-</svg>
+  <line x1="20" y1="33" x2="380" y2="33" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-general-light-manual.svg b/assets/toc-sub-general-light-manual.svg
index 47ea6def..cee4d4ca 100644
--- a/assets/toc-sub-general-light-manual.svg
+++ b/assets/toc-sub-general-light-manual.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="28" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <!--
     Vintage Technical Manual Style - TOC Sub Entry
     Indented subsection entry
diff --git a/assets/toc-sub-general-light.svg b/assets/toc-sub-general-light.svg
index 6aca8cbf..62fe938b 100644
--- a/assets/toc-sub-general-light.svg
+++ b/assets/toc-sub-general-light.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <defs>
     <filter id="textGlow">
       <feGaussianBlur stdDeviation="0.8" result="coloredBlur"/>
diff --git a/assets/toc-sub-general.svg b/assets/toc-sub-general.svg
index 80c11ca3..a3148bad 100644
--- a/assets/toc-sub-general.svg
+++ b/assets/toc-sub-general.svg
@@ -1,7 +1,7 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg height="40" width="400" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.5" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -18,23 +18,18 @@
     </linearGradient>
   </defs>
 
-  <rect width="850" height="35" fill="#1a1a1a"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#phosphor)"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#scanlines)"/>
-
-  <rect x="7" y="0" width="836" height="35" fill="#66ff66" opacity="0">
-    <animate attributeName="opacity" values="0;0.03;0" dur="2.5s" repeatCount="indefinite"/>
-  </rect>
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
 
+  <!-- Content -->
   <g filter="url(#crtGlow)">
-    <!-- Tree branch characters -->
-    <text x="60" y="22" font-family="monospace" font-size="13" fill="#449944" opacity="0.7">
-      ├──
+    <text x="18" y="25" font-family="monospace" font-size="12" fill="#66ff66" opacity="0.8">
+      |-
     </text>
-
-    <text x="115" y="22" font-family="monospace" font-size="12" fill="#66ff66">
-      general/
-      <animate attributeName="opacity" values="1;0.9;1" dur="0.16s" repeatCount="indefinite"/>
+    <text x="56" y="25" font-family="monospace" font-size="13" fill="#33ff33">
+      General
     </text>
   </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-git-light-anim-scanline.svg b/assets/toc-sub-git-light-anim-scanline.svg
index 3e4c5d92..4939e862 100644
--- a/assets/toc-sub-git-light-anim-scanline.svg
+++ b/assets/toc-sub-git-light-anim-scanline.svg
@@ -1,55 +1,28 @@
-<svg width="850" height="28" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    Vintage Manual Style - TOC Sub Entry with SCAN LINE animation
-    Cycle: 21s | Start delay: 4.5s | Horizontal streak sweep only
-  -->
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
-    <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
-      <stop offset="0%" style="stop-color:#faf8f3"/>
-      <stop offset="100%" style="stop-color:#f5f0e6"/>
+    <linearGradient id="paperBgSub" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#fbfaf6"/>
+      <stop offset="100%" style="stop-color:#f4efe5"/>
     </linearGradient>
-    <pattern id="leaderDotsSub" x="0" y="0" width="12" height="4" patternUnits="userSpaceOnUse">
-      <circle cx="2" cy="2" r="0.6" fill="#a09080" opacity="0.4"/>
-    </pattern>
   </defs>
 
-  <!-- Background -->
-  <rect width="850" height="28" fill="url(#paperBg)"/>
+  <rect width="400" height="36" fill="url(#paperBgSub)"/>
+  <line x1="2" y1="0" x2="2" y2="36" stroke="#c4baa8" stroke-width="1"/>
+  <line x1="398" y1="0" x2="398" y2="36" stroke="#c4baa8" stroke-width="1"/>
 
-  <!-- Left/right border continuation -->
-  <line x1="2" y1="0" x2="2" y2="28" stroke="#c4baa8" stroke-width="1"/>
-  <line x1="848" y1="0" x2="848" y2="28" stroke="#c4baa8" stroke-width="1"/>
-
-  <!-- Indent marker -->
-  <text x="80" y="18"
+  <text x="22" y="24"
         font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#8a7b6f"
-        opacity="0.6">
-    └─
+        font-size="12"
+        fill="#c96442"
+        opacity="0.8">
+    |-
   </text>
-
-  <!-- Sub-section title -->
-  <text x="120" y="18"
+  <text x="60" y="24"
         font-family="Georgia, 'Times New Roman', serif"
-        font-size="12"
-        font-style="italic"
-        fill="#5c5247"
-        opacity="0.85">
+        font-size="13"
+        fill="#3d3530">
     Version Control &amp; Git
   </text>
 
-  <!-- Leader dots -->
-  <rect x="280" y="15" width="440" height="4" fill="url(#leaderDotsSub)"/>
-
-  <!-- Reference -->
-  <text x="760" y="18"
-        font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#7a6b5f"
-        text-anchor="end"
-        opacity="0.6">
-    §6.2
-  </text>
-
-</svg>
+  <line x1="20" y1="33" x2="380" y2="33" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-git-light.svg b/assets/toc-sub-git-light.svg
index 85814976..6499df2c 100644
--- a/assets/toc-sub-git-light.svg
+++ b/assets/toc-sub-git-light.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <defs>
     <filter id="textGlow">
       <feGaussianBlur stdDeviation="0.8" result="coloredBlur"/>
diff --git a/assets/toc-sub-git.svg b/assets/toc-sub-git.svg
index be4710ad..3b3ddcfc 100644
--- a/assets/toc-sub-git.svg
+++ b/assets/toc-sub-git.svg
@@ -1,7 +1,7 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg height="40" width="400" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.5" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -18,22 +18,18 @@
     </linearGradient>
   </defs>
 
-  <rect width="850" height="35" fill="#1a1a1a"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#phosphor)"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#scanlines)"/>
-
-  <rect x="7" y="0" width="836" height="35" fill="#66ff66" opacity="0">
-    <animate attributeName="opacity" values="0;0.03;0" dur="1.8s" repeatCount="indefinite"/>
-  </rect>
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
 
+  <!-- Content -->
   <g filter="url(#crtGlow)">
-    <text x="60" y="22" font-family="monospace" font-size="13" fill="#449944" opacity="0.7">
-      └──
+    <text x="18" y="25" font-family="monospace" font-size="12" fill="#66ff66" opacity="0.8">
+      |-
     </text>
-
-    <text x="115" y="22" font-family="monospace" font-size="12" fill="#66ff66">
-      git/
-      <animate attributeName="opacity" values="1;0.9;1" dur="0.09s" repeatCount="indefinite"/>
+    <text x="56" y="25" font-family="monospace" font-size="13" fill="#33ff33">
+      Version Control &amp; Git
     </text>
   </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-ide-light-anim-scanline.svg b/assets/toc-sub-ide-light-anim-scanline.svg
index 4ec5ad00..07bdbfcb 100644
--- a/assets/toc-sub-ide-light-anim-scanline.svg
+++ b/assets/toc-sub-ide-light-anim-scanline.svg
@@ -1,55 +1,28 @@
-<svg width="850" height="28" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    Vintage Manual Style - TOC Sub Entry with SCAN LINE animation
-    Cycle: 26s | Start delay: 1.8s | Horizontal streak sweep only
-  -->
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
-    <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
-      <stop offset="0%" style="stop-color:#faf8f3"/>
-      <stop offset="100%" style="stop-color:#f5f0e6"/>
+    <linearGradient id="paperBgSub" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#fbfaf6"/>
+      <stop offset="100%" style="stop-color:#f4efe5"/>
     </linearGradient>
-    <pattern id="leaderDotsSub" x="0" y="0" width="12" height="4" patternUnits="userSpaceOnUse">
-      <circle cx="2" cy="2" r="0.6" fill="#a09080" opacity="0.4"/>
-    </pattern>
   </defs>
 
-  <!-- Background -->
-  <rect width="850" height="28" fill="url(#paperBg)"/>
+  <rect width="400" height="36" fill="url(#paperBgSub)"/>
+  <line x1="2" y1="0" x2="2" y2="36" stroke="#c4baa8" stroke-width="1"/>
+  <line x1="398" y1="0" x2="398" y2="36" stroke="#c4baa8" stroke-width="1"/>
 
-  <!-- Left/right border continuation -->
-  <line x1="2" y1="0" x2="2" y2="28" stroke="#c4baa8" stroke-width="1"/>
-  <line x1="848" y1="0" x2="848" y2="28" stroke="#c4baa8" stroke-width="1"/>
-
-  <!-- Indent marker -->
-  <text x="80" y="18"
+  <text x="22" y="24"
         font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#8a7b6f"
-        opacity="0.6">
-    └─
+        font-size="12"
+        fill="#c96442"
+        opacity="0.8">
+    |-
   </text>
-
-  <!-- Sub-section title -->
-  <text x="120" y="18"
+  <text x="60" y="24"
         font-family="Georgia, 'Times New Roman', serif"
-        font-size="12"
-        font-style="italic"
-        fill="#5c5247"
-        opacity="0.85">
+        font-size="13"
+        fill="#3d3530">
     IDE Integrations
   </text>
 
-  <!-- Leader dots -->
-  <rect x="250" y="15" width="470" height="4" fill="url(#leaderDotsSub)"/>
-
-  <!-- Reference -->
-  <text x="760" y="18"
-        font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#7a6b5f"
-        text-anchor="end"
-        opacity="0.6">
-    §3.2
-  </text>
-
-</svg>
+  <line x1="20" y1="33" x2="380" y2="33" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-ide-light.svg b/assets/toc-sub-ide-light.svg
index 9eaa2084..ff451617 100644
--- a/assets/toc-sub-ide-light.svg
+++ b/assets/toc-sub-ide-light.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <defs>
     <filter id="textGlow">
       <feGaussianBlur stdDeviation="0.8" result="coloredBlur"/>
diff --git a/assets/toc-sub-ide.svg b/assets/toc-sub-ide.svg
index 4b9ee384..81c977f6 100644
--- a/assets/toc-sub-ide.svg
+++ b/assets/toc-sub-ide.svg
@@ -1,7 +1,7 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg height="40" width="400" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.5" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -18,22 +18,18 @@
     </linearGradient>
   </defs>
 
-  <rect width="850" height="35" fill="#1a1a1a"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#phosphor)"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#scanlines)"/>
-
-  <rect x="7" y="0" width="836" height="35" fill="#66ff66" opacity="0">
-    <animate attributeName="opacity" values="0;0.03;0" dur="2.6s" repeatCount="indefinite"/>
-  </rect>
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
 
+  <!-- Content -->
   <g filter="url(#crtGlow)">
-    <text x="60" y="22" font-family="monospace" font-size="13" fill="#449944" opacity="0.7">
-      ├──
+    <text x="18" y="25" font-family="monospace" font-size="12" fill="#66ff66" opacity="0.8">
+      |-
     </text>
-
-    <text x="115" y="22" font-family="monospace" font-size="12" fill="#66ff66">
-      ide-integrations/
-      <animate attributeName="opacity" values="1;0.9;1" dur="0.17s" repeatCount="indefinite"/>
+    <text x="56" y="25" font-family="monospace" font-size="13" fill="#33ff33">
+      IDE Integrations
     </text>
   </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-language-light-anim-scanline.svg b/assets/toc-sub-language-light-anim-scanline.svg
index 213a7ab5..07d75237 100644
--- a/assets/toc-sub-language-light-anim-scanline.svg
+++ b/assets/toc-sub-language-light-anim-scanline.svg
@@ -1,55 +1,28 @@
-<svg width="850" height="28" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    Vintage Manual Style - TOC Sub Entry with SCAN LINE animation
-    Cycle: 26s | Start delay: 2.8s | Horizontal streak sweep only
-  -->
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
-    <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
-      <stop offset="0%" style="stop-color:#faf8f3"/>
-      <stop offset="100%" style="stop-color:#f5f0e6"/>
+    <linearGradient id="paperBgSub" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#fbfaf6"/>
+      <stop offset="100%" style="stop-color:#f4efe5"/>
     </linearGradient>
-    <pattern id="leaderDotsSub" x="0" y="0" width="12" height="4" patternUnits="userSpaceOnUse">
-      <circle cx="2" cy="2" r="0.6" fill="#a09080" opacity="0.4"/>
-    </pattern>
   </defs>
 
-  <!-- Background -->
-  <rect width="850" height="28" fill="url(#paperBg)"/>
+  <rect width="400" height="36" fill="url(#paperBgSub)"/>
+  <line x1="2" y1="0" x2="2" y2="36" stroke="#c4baa8" stroke-width="1"/>
+  <line x1="398" y1="0" x2="398" y2="36" stroke="#c4baa8" stroke-width="1"/>
 
-  <!-- Left/right border continuation -->
-  <line x1="2" y1="0" x2="2" y2="28" stroke="#c4baa8" stroke-width="1"/>
-  <line x1="848" y1="0" x2="848" y2="28" stroke="#c4baa8" stroke-width="1"/>
-
-  <!-- Indent marker -->
-  <text x="80" y="18"
+  <text x="22" y="24"
         font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#8a7b6f"
-        opacity="0.6">
-    └─
+        font-size="12"
+        fill="#c96442"
+        opacity="0.8">
+    |-
   </text>
-
-  <!-- Sub-section title -->
-  <text x="120" y="18"
+  <text x="60" y="24"
         font-family="Georgia, 'Times New Roman', serif"
-        font-size="12"
-        font-style="italic"
-        fill="#5c5247"
-        opacity="0.85">
+        font-size="13"
+        fill="#3d3530">
     Language-Specific
   </text>
 
-  <!-- Leader dots -->
-  <rect x="260" y="15" width="460" height="4" fill="url(#leaderDotsSub)"/>
-
-  <!-- Reference -->
-  <text x="760" y="18"
-        font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#7a6b5f"
-        text-anchor="end"
-        opacity="0.6">
-    §7.1
-  </text>
-
-</svg>
+  <line x1="20" y1="33" x2="380" y2="33" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-language-light.svg b/assets/toc-sub-language-light.svg
index 82a5d9ec..471051e6 100644
--- a/assets/toc-sub-language-light.svg
+++ b/assets/toc-sub-language-light.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <defs>
     <filter id="textGlow">
       <feGaussianBlur stdDeviation="0.8" result="coloredBlur"/>
diff --git a/assets/toc-sub-language.svg b/assets/toc-sub-language.svg
index 130e6f25..0661f12c 100644
--- a/assets/toc-sub-language.svg
+++ b/assets/toc-sub-language.svg
@@ -1,7 +1,7 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg height="40" width="400" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.5" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -18,22 +18,18 @@
     </linearGradient>
   </defs>
 
-  <rect width="850" height="35" fill="#1a1a1a"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#phosphor)"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#scanlines)"/>
-
-  <rect x="7" y="0" width="836" height="35" fill="#66ff66" opacity="0">
-    <animate attributeName="opacity" values="0;0.03;0" dur="1.6s" repeatCount="indefinite"/>
-  </rect>
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
 
+  <!-- Content -->
   <g filter="url(#crtGlow)">
-    <text x="60" y="22" font-family="monospace" font-size="13" fill="#449944" opacity="0.7">
-      ├──
+    <text x="18" y="25" font-family="monospace" font-size="12" fill="#66ff66" opacity="0.8">
+      |-
     </text>
-
-    <text x="115" y="22" font-family="monospace" font-size="12" fill="#66ff66">
-      language-specific/
-      <animate attributeName="opacity" values="1;0.9;1" dur="0.18s" repeatCount="indefinite"/>
+    <text x="56" y="25" font-family="monospace" font-size="13" fill="#33ff33">
+      Language-Specific
     </text>
   </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-misc-light-anim-scanline.svg b/assets/toc-sub-misc-light-anim-scanline.svg
index d48e5a34..e7d6fb63 100644
--- a/assets/toc-sub-misc-light-anim-scanline.svg
+++ b/assets/toc-sub-misc-light-anim-scanline.svg
@@ -1,55 +1,28 @@
-<svg width="850" height="28" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    Vintage Manual Style - TOC Sub Entry with SCAN LINE animation
-    Cycle: 19s | Start delay: 7.2s | Horizontal streak sweep only
-  -->
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
-    <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
-      <stop offset="0%" style="stop-color:#faf8f3"/>
-      <stop offset="100%" style="stop-color:#f5f0e6"/>
+    <linearGradient id="paperBgSub" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#fbfaf6"/>
+      <stop offset="100%" style="stop-color:#f4efe5"/>
     </linearGradient>
-    <pattern id="leaderDotsSub" x="0" y="0" width="12" height="4" patternUnits="userSpaceOnUse">
-      <circle cx="2" cy="2" r="0.6" fill="#a09080" opacity="0.4"/>
-    </pattern>
   </defs>
 
-  <!-- Background -->
-  <rect width="850" height="28" fill="url(#paperBg)"/>
+  <rect width="400" height="36" fill="url(#paperBgSub)"/>
+  <line x1="2" y1="0" x2="2" y2="36" stroke="#c4baa8" stroke-width="1"/>
+  <line x1="398" y1="0" x2="398" y2="36" stroke="#c4baa8" stroke-width="1"/>
 
-  <!-- Left/right border continuation -->
-  <line x1="2" y1="0" x2="2" y2="28" stroke="#c4baa8" stroke-width="1"/>
-  <line x1="848" y1="0" x2="848" y2="28" stroke="#c4baa8" stroke-width="1"/>
-
-  <!-- Indent marker -->
-  <text x="80" y="18"
+  <text x="22" y="24"
         font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#8a7b6f"
-        opacity="0.6">
-    └─
+        font-size="12"
+        fill="#c96442"
+        opacity="0.8">
+    |-
   </text>
-
-  <!-- Sub-section title -->
-  <text x="120" y="18"
+  <text x="60" y="24"
         font-family="Georgia, 'Times New Roman', serif"
-        font-size="12"
-        font-style="italic"
-        fill="#5c5247"
-        opacity="0.85">
+        font-size="13"
+        fill="#3d3530">
     Miscellaneous
   </text>
 
-  <!-- Leader dots -->
-  <rect x="230" y="15" width="490" height="4" fill="url(#leaderDotsSub)"/>
-
-  <!-- Reference -->
-  <text x="760" y="18"
-        font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#7a6b5f"
-        text-anchor="end"
-        opacity="0.6">
-    §6.8
-  </text>
-
-</svg>
+  <line x1="20" y1="33" x2="380" y2="33" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-misc-light.svg b/assets/toc-sub-misc-light.svg
index 4f785797..992ecc6b 100644
--- a/assets/toc-sub-misc-light.svg
+++ b/assets/toc-sub-misc-light.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <defs>
     <filter id="textGlow">
       <feGaussianBlur stdDeviation="0.8" result="coloredBlur"/>
diff --git a/assets/toc-sub-misc.svg b/assets/toc-sub-misc.svg
index 365b8fae..c60d4e98 100644
--- a/assets/toc-sub-misc.svg
+++ b/assets/toc-sub-misc.svg
@@ -1,7 +1,7 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg height="40" width="400" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.5" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -18,22 +18,18 @@
     </linearGradient>
   </defs>
 
-  <rect width="850" height="35" fill="#1a1a1a"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#phosphor)"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#scanlines)"/>
-
-  <rect x="7" y="0" width="836" height="35" fill="#66ff66" opacity="0">
-    <animate attributeName="opacity" values="0;0.03;0" dur="2.0s" repeatCount="indefinite"/>
-  </rect>
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
 
+  <!-- Content -->
   <g filter="url(#crtGlow)">
-    <text x="60" y="22" font-family="monospace" font-size="13" fill="#449944" opacity="0.7">
-      ├──
+    <text x="18" y="25" font-family="monospace" font-size="12" fill="#66ff66" opacity="0.8">
+      |-
     </text>
-
-    <text x="115" y="22" font-family="monospace" font-size="12" fill="#66ff66">
-      miscellaneous/
-      <animate attributeName="opacity" values="1;0.9;1" dur="0.11s" repeatCount="indefinite"/>
+    <text x="56" y="25" font-family="monospace" font-size="13" fill="#33ff33">
+      Miscellaneous
     </text>
   </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-monitors-light-anim-scanline.svg b/assets/toc-sub-monitors-light-anim-scanline.svg
index cc028e39..f7d3c527 100644
--- a/assets/toc-sub-monitors-light-anim-scanline.svg
+++ b/assets/toc-sub-monitors-light-anim-scanline.svg
@@ -1,55 +1,28 @@
-<svg width="850" height="28" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    Vintage Manual Style - TOC Sub Entry with SCAN LINE animation
-    Cycle: 22s | Start delay: 3.2s | Horizontal streak sweep only
-  -->
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
-    <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
-      <stop offset="0%" style="stop-color:#faf8f3"/>
-      <stop offset="100%" style="stop-color:#f5f0e6"/>
+    <linearGradient id="paperBgSub" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#fbfaf6"/>
+      <stop offset="100%" style="stop-color:#f4efe5"/>
     </linearGradient>
-    <pattern id="leaderDotsSub" x="0" y="0" width="12" height="4" patternUnits="userSpaceOnUse">
-      <circle cx="2" cy="2" r="0.6" fill="#a09080" opacity="0.4"/>
-    </pattern>
   </defs>
 
-  <!-- Background -->
-  <rect width="850" height="28" fill="url(#paperBg)"/>
+  <rect width="400" height="36" fill="url(#paperBgSub)"/>
+  <line x1="2" y1="0" x2="2" y2="36" stroke="#c4baa8" stroke-width="1"/>
+  <line x1="398" y1="0" x2="398" y2="36" stroke="#c4baa8" stroke-width="1"/>
 
-  <!-- Left/right border continuation -->
-  <line x1="2" y1="0" x2="2" y2="28" stroke="#c4baa8" stroke-width="1"/>
-  <line x1="848" y1="0" x2="848" y2="28" stroke="#c4baa8" stroke-width="1"/>
-
-  <!-- Indent marker -->
-  <text x="80" y="18"
+  <text x="22" y="24"
         font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#8a7b6f"
-        opacity="0.6">
-    └─
+        font-size="12"
+        fill="#c96442"
+        opacity="0.8">
+    |-
   </text>
-
-  <!-- Sub-section title -->
-  <text x="120" y="18"
+  <text x="60" y="24"
         font-family="Georgia, 'Times New Roman', serif"
-        font-size="12"
-        font-style="italic"
-        fill="#5c5247"
-        opacity="0.85">
+        font-size="13"
+        fill="#3d3530">
     Usage Monitors
   </text>
 
-  <!-- Leader dots -->
-  <rect x="250" y="15" width="470" height="4" fill="url(#leaderDotsSub)"/>
-
-  <!-- Reference -->
-  <text x="760" y="18"
-        font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#7a6b5f"
-        text-anchor="end"
-        opacity="0.6">
-    §3.3
-  </text>
-
-</svg>
+  <line x1="20" y1="33" x2="380" y2="33" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-monitors-light.svg b/assets/toc-sub-monitors-light.svg
index 1cf5b409..d4d4dcda 100644
--- a/assets/toc-sub-monitors-light.svg
+++ b/assets/toc-sub-monitors-light.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <defs>
     <filter id="textGlow">
       <feGaussianBlur stdDeviation="0.8" result="coloredBlur"/>
diff --git a/assets/toc-sub-monitors.svg b/assets/toc-sub-monitors.svg
index 00681fa7..70ddab81 100644
--- a/assets/toc-sub-monitors.svg
+++ b/assets/toc-sub-monitors.svg
@@ -1,7 +1,7 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg height="40" width="400" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.5" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -18,22 +18,18 @@
     </linearGradient>
   </defs>
 
-  <rect width="850" height="35" fill="#1a1a1a"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#phosphor)"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#scanlines)"/>
-
-  <rect x="7" y="0" width="836" height="35" fill="#66ff66" opacity="0">
-    <animate attributeName="opacity" values="0;0.03;0" dur="2.7s" repeatCount="indefinite"/>
-  </rect>
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
 
+  <!-- Content -->
   <g filter="url(#crtGlow)">
-    <text x="60" y="22" font-family="monospace" font-size="13" fill="#449944" opacity="0.7">
-      ├──
+    <text x="18" y="25" font-family="monospace" font-size="12" fill="#66ff66" opacity="0.8">
+      |-
     </text>
-
-    <text x="115" y="22" font-family="monospace" font-size="12" fill="#66ff66">
-      usage-monitors/
-      <animate attributeName="opacity" values="1;0.9;1" dur="0.18s" repeatCount="indefinite"/>
+    <text x="56" y="25" font-family="monospace" font-size="13" fill="#33ff33">
+      Usage Monitors
     </text>
   </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-orchestrators-light-anim-scanline.svg b/assets/toc-sub-orchestrators-light-anim-scanline.svg
index dc0549f2..10f18776 100644
--- a/assets/toc-sub-orchestrators-light-anim-scanline.svg
+++ b/assets/toc-sub-orchestrators-light-anim-scanline.svg
@@ -1,55 +1,28 @@
-<svg width="850" height="28" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    Vintage Manual Style - TOC Sub Entry with SCAN LINE animation
-    Cycle: 28s | Start delay: 2.5s | Horizontal streak sweep only
-  -->
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
-    <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
-      <stop offset="0%" style="stop-color:#faf8f3"/>
-      <stop offset="100%" style="stop-color:#f5f0e6"/>
+    <linearGradient id="paperBgSub" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#fbfaf6"/>
+      <stop offset="100%" style="stop-color:#f4efe5"/>
     </linearGradient>
-    <pattern id="leaderDotsSub" x="0" y="0" width="12" height="4" patternUnits="userSpaceOnUse">
-      <circle cx="2" cy="2" r="0.6" fill="#a09080" opacity="0.4"/>
-    </pattern>
   </defs>
 
-  <!-- Background -->
-  <rect width="850" height="28" fill="url(#paperBg)"/>
+  <rect width="400" height="36" fill="url(#paperBgSub)"/>
+  <line x1="2" y1="0" x2="2" y2="36" stroke="#c4baa8" stroke-width="1"/>
+  <line x1="398" y1="0" x2="398" y2="36" stroke="#c4baa8" stroke-width="1"/>
 
-  <!-- Left/right border continuation -->
-  <line x1="2" y1="0" x2="2" y2="28" stroke="#c4baa8" stroke-width="1"/>
-  <line x1="848" y1="0" x2="848" y2="28" stroke="#c4baa8" stroke-width="1"/>
-
-  <!-- Indent marker -->
-  <text x="80" y="18"
+  <text x="22" y="24"
         font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#8a7b6f"
-        opacity="0.6">
-    └─
+        font-size="12"
+        fill="#c96442"
+        opacity="0.8">
+    |-
   </text>
-
-  <!-- Sub-section title -->
-  <text x="120" y="18"
+  <text x="60" y="24"
         font-family="Georgia, 'Times New Roman', serif"
-        font-size="12"
-        font-style="italic"
-        fill="#5c5247"
-        opacity="0.85">
+        font-size="13"
+        fill="#3d3530">
     Orchestrators
   </text>
 
-  <!-- Leader dots -->
-  <rect x="230" y="15" width="490" height="4" fill="url(#leaderDotsSub)"/>
-
-  <!-- Reference -->
-  <text x="760" y="18"
-        font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#7a6b5f"
-        text-anchor="end"
-        opacity="0.6">
-    §3.4
-  </text>
-
-</svg>
+  <line x1="20" y1="33" x2="380" y2="33" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-orchestrators-light.svg b/assets/toc-sub-orchestrators-light.svg
index cd3a3237..eedf2dde 100644
--- a/assets/toc-sub-orchestrators-light.svg
+++ b/assets/toc-sub-orchestrators-light.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <defs>
     <filter id="textGlow">
       <feGaussianBlur stdDeviation="0.8" result="coloredBlur"/>
diff --git a/assets/toc-sub-orchestrators.svg b/assets/toc-sub-orchestrators.svg
index 95aa5882..e8a2965b 100644
--- a/assets/toc-sub-orchestrators.svg
+++ b/assets/toc-sub-orchestrators.svg
@@ -1,7 +1,7 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg height="40" width="400" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.5" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -18,22 +18,18 @@
     </linearGradient>
   </defs>
 
-  <rect width="850" height="35" fill="#1a1a1a"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#phosphor)"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#scanlines)"/>
-
-  <rect x="7" y="0" width="836" height="35" fill="#66ff66" opacity="0">
-    <animate attributeName="opacity" values="0;0.03;0" dur="2.8s" repeatCount="indefinite"/>
-  </rect>
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
 
+  <!-- Content -->
   <g filter="url(#crtGlow)">
-    <text x="60" y="22" font-family="monospace" font-size="13" fill="#449944" opacity="0.7">
-      └──
+    <text x="18" y="25" font-family="monospace" font-size="12" fill="#66ff66" opacity="0.8">
+      |-
     </text>
-
-    <text x="115" y="22" font-family="monospace" font-size="12" fill="#66ff66">
-      orchestrators/
-      <animate attributeName="opacity" values="1;0.9;1" dur="0.19s" repeatCount="indefinite"/>
+    <text x="56" y="25" font-family="monospace" font-size="13" fill="#33ff33">
+      Orchestrators
     </text>
   </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-project-mgmt-light-anim-scanline.svg b/assets/toc-sub-project-mgmt-light-anim-scanline.svg
index 0cfc56fd..b198f50b 100644
--- a/assets/toc-sub-project-mgmt-light-anim-scanline.svg
+++ b/assets/toc-sub-project-mgmt-light-anim-scanline.svg
@@ -1,55 +1,28 @@
-<svg width="850" height="28" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    Vintage Manual Style - TOC Sub Entry with SCAN LINE animation
-    Cycle: 29s | Start delay: 4.0s | Horizontal streak sweep only
-  -->
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
-    <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
-      <stop offset="0%" style="stop-color:#faf8f3"/>
-      <stop offset="100%" style="stop-color:#f5f0e6"/>
+    <linearGradient id="paperBgSub" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#fbfaf6"/>
+      <stop offset="100%" style="stop-color:#f4efe5"/>
     </linearGradient>
-    <pattern id="leaderDotsSub" x="0" y="0" width="12" height="4" patternUnits="userSpaceOnUse">
-      <circle cx="2" cy="2" r="0.6" fill="#a09080" opacity="0.4"/>
-    </pattern>
   </defs>
 
-  <!-- Background -->
-  <rect width="850" height="28" fill="url(#paperBg)"/>
+  <rect width="400" height="36" fill="url(#paperBgSub)"/>
+  <line x1="2" y1="0" x2="2" y2="36" stroke="#c4baa8" stroke-width="1"/>
+  <line x1="398" y1="0" x2="398" y2="36" stroke="#c4baa8" stroke-width="1"/>
 
-  <!-- Left/right border continuation -->
-  <line x1="2" y1="0" x2="2" y2="28" stroke="#c4baa8" stroke-width="1"/>
-  <line x1="848" y1="0" x2="848" y2="28" stroke="#c4baa8" stroke-width="1"/>
-
-  <!-- Indent marker -->
-  <text x="80" y="18"
+  <text x="22" y="24"
         font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#8a7b6f"
-        opacity="0.6">
-    └─
+        font-size="12"
+        fill="#c96442"
+        opacity="0.8">
+    |-
   </text>
-
-  <!-- Sub-section title -->
-  <text x="120" y="18"
+  <text x="60" y="24"
         font-family="Georgia, 'Times New Roman', serif"
-        font-size="12"
-        font-style="italic"
-        fill="#5c5247"
-        opacity="0.85">
+        font-size="13"
+        fill="#3d3530">
     Project &amp; Task Management
   </text>
 
-  <!-- Leader dots -->
-  <rect x="315" y="15" width="405" height="4" fill="url(#leaderDotsSub)"/>
-
-  <!-- Reference -->
-  <text x="760" y="18"
-        font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#7a6b5f"
-        text-anchor="end"
-        opacity="0.6">
-    §6.7
-  </text>
-
-</svg>
+  <line x1="20" y1="33" x2="380" y2="33" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-project-mgmt-light.svg b/assets/toc-sub-project-mgmt-light.svg
index eab3b43a..dce2afb9 100644
--- a/assets/toc-sub-project-mgmt-light.svg
+++ b/assets/toc-sub-project-mgmt-light.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <defs>
     <filter id="textGlow">
       <feGaussianBlur stdDeviation="0.8" result="coloredBlur"/>
diff --git a/assets/toc-sub-project-mgmt.svg b/assets/toc-sub-project-mgmt.svg
index 3c9a752a..989d8f55 100644
--- a/assets/toc-sub-project-mgmt.svg
+++ b/assets/toc-sub-project-mgmt.svg
@@ -1,7 +1,7 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg height="40" width="400" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.5" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -18,22 +18,18 @@
     </linearGradient>
   </defs>
 
-  <rect width="850" height="35" fill="#1a1a1a"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#phosphor)"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#scanlines)"/>
-
-  <rect x="7" y="0" width="836" height="35" fill="#66ff66" opacity="0">
-    <animate attributeName="opacity" values="0;0.03;0" dur="1.9s" repeatCount="indefinite"/>
-  </rect>
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
 
+  <!-- Content -->
   <g filter="url(#crtGlow)">
-    <text x="60" y="22" font-family="monospace" font-size="13" fill="#449944" opacity="0.7">
-      ├──
+    <text x="18" y="25" font-family="monospace" font-size="12" fill="#66ff66" opacity="0.8">
+      |-
     </text>
-
-    <text x="115" y="22" font-family="monospace" font-size="12" fill="#66ff66">
-      project-management/
-      <animate attributeName="opacity" values="1;0.9;1" dur="0.10s" repeatCount="indefinite"/>
+    <text x="56" y="25" font-family="monospace" font-size="13" fill="#33ff33">
+      Project &amp; Task Management
     </text>
   </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-scaffolding-light-anim-scanline.svg b/assets/toc-sub-scaffolding-light-anim-scanline.svg
index e885bf85..58c49801 100644
--- a/assets/toc-sub-scaffolding-light-anim-scanline.svg
+++ b/assets/toc-sub-scaffolding-light-anim-scanline.svg
@@ -1,55 +1,28 @@
-<svg width="850" height="28" xmlns="http://www.w3.org/2000/svg">
-  <!--
-    Vintage Manual Style - TOC Sub Entry with SCAN LINE animation
-    Cycle: 30s | Start delay: 6.8s | Horizontal streak sweep only
-  -->
+<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
-    <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
-      <stop offset="0%" style="stop-color:#faf8f3"/>
-      <stop offset="100%" style="stop-color:#f5f0e6"/>
+    <linearGradient id="paperBgSub" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#fbfaf6"/>
+      <stop offset="100%" style="stop-color:#f4efe5"/>
     </linearGradient>
-    <pattern id="leaderDotsSub" x="0" y="0" width="12" height="4" patternUnits="userSpaceOnUse">
-      <circle cx="2" cy="2" r="0.6" fill="#a09080" opacity="0.4"/>
-    </pattern>
   </defs>
 
-  <!-- Background -->
-  <rect width="850" height="28" fill="url(#paperBg)"/>
+  <rect width="400" height="36" fill="url(#paperBgSub)"/>
+  <line x1="2" y1="0" x2="2" y2="36" stroke="#c4baa8" stroke-width="1"/>
+  <line x1="398" y1="0" x2="398" y2="36" stroke="#c4baa8" stroke-width="1"/>
 
-  <!-- Left/right border continuation -->
-  <line x1="2" y1="0" x2="2" y2="28" stroke="#c4baa8" stroke-width="1"/>
-  <line x1="848" y1="0" x2="848" y2="28" stroke="#c4baa8" stroke-width="1"/>
-
-  <!-- Indent marker -->
-  <text x="80" y="18"
+  <text x="22" y="24"
         font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#8a7b6f"
-        opacity="0.6">
-    └─
+        font-size="12"
+        fill="#c96442"
+        opacity="0.8">
+    |-
   </text>
-
-  <!-- Sub-section title -->
-  <text x="120" y="18"
+  <text x="60" y="24"
         font-family="Georgia, 'Times New Roman', serif"
-        font-size="12"
-        font-style="italic"
-        fill="#5c5247"
-        opacity="0.85">
+        font-size="13"
+        fill="#3d3530">
     Project Scaffolding &amp; MCP
   </text>
 
-  <!-- Leader dots -->
-  <rect x="305" y="15" width="415" height="4" fill="url(#leaderDotsSub)"/>
-
-  <!-- Reference -->
-  <text x="760" y="18"
-        font-family="'Courier New', Courier, monospace"
-        font-size="10"
-        fill="#7a6b5f"
-        text-anchor="end"
-        opacity="0.6">
-    §7.3
-  </text>
-
-</svg>
+  <line x1="20" y1="33" x2="380" y2="33" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
+</svg>
\ No newline at end of file
diff --git a/assets/toc-sub-scaffolding-light.svg b/assets/toc-sub-scaffolding-light.svg
index 6b33416a..ebde1119 100644
--- a/assets/toc-sub-scaffolding-light.svg
+++ b/assets/toc-sub-scaffolding-light.svg
@@ -1,4 +1,4 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg width="400" height="40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" viewBox="0 0 400 40">
   <defs>
     <filter id="textGlow">
       <feGaussianBlur stdDeviation="0.8" result="coloredBlur"/>
diff --git a/assets/toc-sub-scaffolding.svg b/assets/toc-sub-scaffolding.svg
index 495c6bd1..c97ada28 100644
--- a/assets/toc-sub-scaffolding.svg
+++ b/assets/toc-sub-scaffolding.svg
@@ -1,7 +1,7 @@
-<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+<svg height="40" width="400" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.5" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -18,22 +18,18 @@
     </linearGradient>
   </defs>
 
-  <rect width="850" height="35" fill="#1a1a1a"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#phosphor)"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#scanlines)"/>
-
-  <rect x="7" y="0" width="836" height="35" fill="#66ff66" opacity="0">
-    <animate attributeName="opacity" values="0;0.03;0" dur="1.5s" repeatCount="indefinite"/>
-  </rect>
+  <!-- Background -->
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
 
+  <!-- Content -->
   <g filter="url(#crtGlow)">
-    <text x="60" y="22" font-family="monospace" font-size="13" fill="#449944" opacity="0.7">
-      └──
+    <text x="18" y="25" font-family="monospace" font-size="12" fill="#66ff66" opacity="0.8">
+      |-
     </text>
-
-    <text x="115" y="22" font-family="monospace" font-size="12" fill="#66ff66">
-      scaffolding/
-      <animate attributeName="opacity" values="1;0.9;1" dur="0.17s" repeatCount="indefinite"/>
+    <text x="56" y="25" font-family="monospace" font-size="13" fill="#33ff33">
+      Project Scaffolding &amp; MCP
     </text>
   </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/data/repo-ticker-previous.csv b/data/repo-ticker-previous.csv
index 95dfa9d8..970c7ff8 100644
--- a/data/repo-ticker-previous.csv
+++ b/data/repo-ticker-previous.csv
@@ -1,101 +1,101 @@
 full_name,stars,watchers,forks,stars_delta,watchers_delta,forks_delta,url
-anthropics/claude-code,45524,45524,3177,163,163,18,https://github.com/anthropics/claude-code
-shareAI-lab/analysis_claude_code,11586,11586,3016,17,17,3,https://github.com/shareAI-lab/analysis_claude_code
-musistudio/claude-code-router,23248,23248,1821,69,69,6,https://github.com/musistudio/claude-code-router
-hesreallyhim/awesome-claude-code,17927,17927,1011,44,44,0,https://github.com/hesreallyhim/awesome-claude-code
-davila7/claude-code-templates,12455,12455,1092,49,49,5,https://github.com/davila7/claude-code-templates
-anthropics/claude-code-action,4318,4318,1280,16,16,4,https://github.com/anthropics/claude-code-action
-diet103/claude-code-infrastructure-showcase,7616,7616,1002,19,19,2,https://github.com/diet103/claude-code-infrastructure-showcase
-VoltAgent/awesome-claude-code-subagents,5727,5727,621,57,57,1,https://github.com/VoltAgent/awesome-claude-code-subagents
-OneRedOak/claude-code-workflows,3247,3247,488,4,4,-1,https://github.com/OneRedOak/claude-code-workflows
-kodu-ai/claude-coder,5299,5299,202,-1,-1,0,https://github.com/kodu-ai/claude-coder
-1rgs/claude-code-proxy,2600,2600,355,10,10,0,https://github.com/1rgs/claude-code-proxy
-Yuyz0112/claude-code-reverse,1803,1803,324,3,3,3,https://github.com/Yuyz0112/claude-code-reverse
-Maciek-roboblog/Claude-Code-Usage-Monitor,5880,5880,285,17,17,1,https://github.com/Maciek-roboblog/Claude-Code-Usage-Monitor
-disler/claude-code-hooks-mastery,1940,1940,423,3,3,1,https://github.com/disler/claude-code-hooks-mastery
-zebbern/claude-code-guide,2743,2743,243,3,3,3,https://github.com/zebbern/claude-code-guide
-Cranot/claude-code-guide,2192,2192,244,3,3,0,https://github.com/Cranot/claude-code-guide
-eyaltoledano/claude-task-master,24212,24212,2352,16,16,3,https://github.com/eyaltoledano/claude-task-master
-anthropics/claude-code-base-action,533,533,601,1,1,0,https://github.com/anthropics/claude-code-base-action
-fuergaosi233/claude-code-proxy,1742,1742,238,2,2,0,https://github.com/fuergaosi233/claude-code-proxy
-Pimzino/claude-code-spec-workflow,3191,3191,234,0,0,0,https://github.com/Pimzino/claude-code-spec-workflow
-wshobson/agents,22527,22527,2513,66,66,7,https://github.com/wshobson/agents
-obra/superpowers,9466,9466,788,101,101,6,https://github.com/obra/superpowers
-anthropics/claude-code-security-review,2693,2693,198,2,2,-1,https://github.com/anthropics/claude-code-security-review
-davepoon/claude-code-subagents-collection,2054,2054,231,0,0,-1,https://github.com/davepoon/claude-code-subagents-collection
-siteboon/claudecodeui,5002,5002,637,13,13,1,https://github.com/siteboon/claudecodeui
-github/spec-kit,54849,54849,4762,247,247,26,https://github.com/github/spec-kit
-https-deeplearning-ai/sc-claude-code-files,333,333,407,0,0,1,https://github.com/https-deeplearning-ai/sc-claude-code-files
-ghuntley/claude-code-source-code-deobfuscation,752,752,385,3,3,0,https://github.com/ghuntley/claude-code-source-code-deobfuscation
-lst97/claude-code-sub-agents,1221,1221,205,0,0,0,https://github.com/lst97/claude-code-sub-agents
+anthropics/claude-code,45726,45726,3192,202,202,15,https://github.com/anthropics/claude-code
+shareAI-lab/analysis_claude_code,11607,11607,3022,21,21,6,https://github.com/shareAI-lab/analysis_claude_code
+musistudio/claude-code-router,23331,23331,1827,83,83,6,https://github.com/musistudio/claude-code-router
+hesreallyhim/awesome-claude-code,18025,18025,1018,98,98,7,https://github.com/hesreallyhim/awesome-claude-code
+davila7/claude-code-templates,12513,12513,1093,58,58,1,https://github.com/davila7/claude-code-templates
+anthropics/claude-code-action,4335,4335,1277,17,17,-3,https://github.com/anthropics/claude-code-action
+diet103/claude-code-infrastructure-showcase,7648,7648,1008,32,32,6,https://github.com/diet103/claude-code-infrastructure-showcase
+VoltAgent/awesome-claude-code-subagents,5799,5799,626,72,72,5,https://github.com/VoltAgent/awesome-claude-code-subagents
+OneRedOak/claude-code-workflows,3255,3255,489,8,8,1,https://github.com/OneRedOak/claude-code-workflows
+kodu-ai/claude-coder,5297,5297,202,-2,-2,0,https://github.com/kodu-ai/claude-coder
+1rgs/claude-code-proxy,2607,2607,357,7,7,2,https://github.com/1rgs/claude-code-proxy
+Yuyz0112/claude-code-reverse,1808,1808,323,5,5,-1,https://github.com/Yuyz0112/claude-code-reverse
+Maciek-roboblog/Claude-Code-Usage-Monitor,5890,5890,288,10,10,3,https://github.com/Maciek-roboblog/Claude-Code-Usage-Monitor
+disler/claude-code-hooks-mastery,1947,1947,423,7,7,0,https://github.com/disler/claude-code-hooks-mastery
+zebbern/claude-code-guide,2748,2748,243,5,5,0,https://github.com/zebbern/claude-code-guide
+Cranot/claude-code-guide,2197,2197,244,5,5,0,https://github.com/Cranot/claude-code-guide
+eyaltoledano/claude-task-master,24247,24247,2352,35,35,0,https://github.com/eyaltoledano/claude-task-master
+anthropics/claude-code-base-action,534,534,600,1,1,-1,https://github.com/anthropics/claude-code-base-action
+fuergaosi233/claude-code-proxy,1751,1751,237,9,9,-1,https://github.com/fuergaosi233/claude-code-proxy
+Pimzino/claude-code-spec-workflow,3200,3200,234,9,9,0,https://github.com/Pimzino/claude-code-spec-workflow
+wshobson/agents,22615,22615,2517,88,88,4,https://github.com/wshobson/agents
+obra/superpowers,9598,9598,798,132,132,10,https://github.com/obra/superpowers
+anthropics/claude-code-security-review,2701,2701,198,8,8,0,https://github.com/anthropics/claude-code-security-review
+davepoon/claude-code-subagents-collection,2056,2056,231,2,2,0,https://github.com/davepoon/claude-code-subagents-collection
+siteboon/claudecodeui,5022,5022,638,20,20,1,https://github.com/siteboon/claudecodeui
+github/spec-kit,55202,55202,4792,353,353,30,https://github.com/github/spec-kit
+https-deeplearning-ai/sc-claude-code-files,333,333,409,0,0,2,https://github.com/https-deeplearning-ai/sc-claude-code-files
+ghuntley/claude-code-source-code-deobfuscation,753,753,384,1,1,-1,https://github.com/ghuntley/claude-code-source-code-deobfuscation
+lst97/claude-code-sub-agents,1225,1225,206,4,4,1,https://github.com/lst97/claude-code-sub-agents
 nishimoto265/Claude-Code-Communication,461,461,215,0,0,0,https://github.com/nishimoto265/Claude-Code-Communication
-rizethereum/claude-code-requirements-builder,1711,1711,167,0,0,0,https://github.com/rizethereum/claude-code-requirements-builder
-anthropics/skills,20431,20431,1955,178,178,18,https://github.com/anthropics/skills
-sugyan/claude-code-webui,738,738,164,1,1,1,https://github.com/sugyan/claude-code-webui
-feiskyer/claude-code-settings,837,837,145,1,1,0,https://github.com/feiskyer/claude-code-settings
-andrepimenta/claude-code-chat,925,925,135,0,0,0,https://github.com/andrepimenta/claude-code-chat
-winfunc/opcode,19105,19105,1472,21,21,-2,https://github.com/winfunc/opcode
-centminmod/my-claude-code-setup,1431,1431,133,4,4,0,https://github.com/centminmod/my-claude-code-setup
-peterkrueck/Claude-Code-Development-Kit,1249,1249,141,1,1,1,https://github.com/peterkrueck/Claude-Code-Development-Kit
-edmund-io/edmunds-claude-code,641,641,131,9,9,5,https://github.com/edmund-io/edmunds-claude-code
-steipete/claude-code-mcp,952,952,108,2,2,0,https://github.com/steipete/claude-code-mcp
+rizethereum/claude-code-requirements-builder,1710,1710,167,-1,-1,0,https://github.com/rizethereum/claude-code-requirements-builder
+feiskyer/claude-code-settings,882,882,147,45,45,2,https://github.com/feiskyer/claude-code-settings
+anthropics/skills,20660,20660,1978,229,229,23,https://github.com/anthropics/skills
+sugyan/claude-code-webui,740,740,164,2,2,0,https://github.com/sugyan/claude-code-webui
+andrepimenta/claude-code-chat,926,926,135,1,1,0,https://github.com/andrepimenta/claude-code-chat
+winfunc/opcode,19177,19177,1486,72,72,14,https://github.com/winfunc/opcode
+centminmod/my-claude-code-setup,1433,1433,133,2,2,0,https://github.com/centminmod/my-claude-code-setup
+peterkrueck/Claude-Code-Development-Kit,1251,1251,141,2,2,0,https://github.com/peterkrueck/Claude-Code-Development-Kit
+edmund-io/edmunds-claude-code,652,652,133,11,11,2,https://github.com/edmund-io/edmunds-claude-code
+steipete/claude-code-mcp,955,955,108,3,3,0,https://github.com/steipete/claude-code-mcp
 revfactory/claude-code-mastering,725,725,117,0,0,0,https://github.com/revfactory/claude-code-mastering
-disler/claude-code-hooks-multi-agent-observability,836,836,259,3,3,-1,https://github.com/disler/claude-code-hooks-multi-agent-observability
-wasabeef/claude-code-cookbook,872,872,99,-2,-2,0,https://github.com/wasabeef/claude-code-cookbook
-Njengah/claude-code-cheat-sheet,1032,1032,123,4,4,1,https://github.com/Njengah/claude-code-cheat-sheet
-JessyTsui/Claude-Code-Remote,878,878,95,1,1,0,https://github.com/JessyTsui/Claude-Code-Remote
-darcyegb/ClaudeCodeAgents,404,404,34,3,3,0,https://github.com/darcyegb/ClaudeCodeAgents
-0xfurai/claude-code-subagents,564,564,113,1,1,0,https://github.com/0xfurai/claude-code-subagents
-kn1026/cc,694,694,268,1,1,0,https://github.com/kn1026/cc
-superdesigndev/superdesign,5479,5479,623,1,1,0,https://github.com/superdesigndev/superdesign
-opactorai/Claudable,3372,3372,513,17,17,0,https://github.com/opactorai/Claudable
-ComposioHQ/awesome-claude-skills,7075,7075,804,74,74,4,https://github.com/ComposioHQ/awesome-claude-skills
-severity1/claude-code-prompt-improver,969,969,91,0,0,0,https://github.com/severity1/claude-code-prompt-improver
-anthropics/claude-agent-sdk-python,3468,3468,454,27,27,2,https://github.com/anthropics/claude-agent-sdk-python
-slopus/happy,4979,4979,387,127,127,5,https://github.com/slopus/happy
-zed-industries/claude-code-acp,562,562,82,4,4,0,https://github.com/zed-industries/claude-code-acp
-coleam00/context-engineering-intro,11801,11801,2509,16,16,-1,https://github.com/coleam00/context-engineering-intro
-ericbuess/claude-code-docs,495,495,79,2,2,0,https://github.com/ericbuess/claude-code-docs
-Matt-Dionis/claude-code-configs,565,565,76,1,1,0,https://github.com/Matt-Dionis/claude-code-configs
-greggh/claude-code.nvim,1613,1613,48,2,2,0,https://github.com/greggh/claude-code.nvim
-EveryInc/compound-engineering-plugin,2670,2670,226,32,32,4,https://github.com/EveryInc/compound-engineering-plugin
-oraios/serena,17063,17063,1179,49,49,3,https://github.com/oraios/serena
-steipete/agent-rules,5288,5288,465,5,5,-1,https://github.com/steipete/agent-rules
-lyconear/Claude-Code,2,2,142,1,1,1,https://github.com/lyconear/Claude-Code
-alirezarezvani/claude-code-tresor,290,290,84,3,3,0,https://github.com/alirezarezvani/claude-code-tresor
-manzaltu/claude-code-ide.el,1185,1185,60,1,1,0,https://github.com/manzaltu/claude-code-ide.el
-catlog22/Claude-Code-Workflow,573,573,59,13,13,0,https://github.com/catlog22/Claude-Code-Workflow
-UfoMiao/zcf,4680,4680,335,25,25,0,https://github.com/UfoMiao/zcf
-d-kimuson/claude-code-viewer,678,678,55,3,3,0,https://github.com/d-kimuson/claude-code-viewer
-hesreallyhim/a-list-of-claude-code-agents,1075,1075,103,0,0,0,https://github.com/hesreallyhim/a-list-of-claude-code-agents
-stretchcloud/claude-code-unified-agents,707,707,67,1,1,0,https://github.com/stretchcloud/claude-code-unified-agents
-gurusup/claude-code-demo,60,60,147,1,1,2,https://github.com/gurusup/claude-code-demo
-anthropics/claude-agent-sdk-demos,735,735,126,5,5,1,https://github.com/anthropics/claude-agent-sdk-demos
-Dicklesworthstone/claude_code_agent_farm,590,590,70,-1,-1,0,https://github.com/Dicklesworthstone/claude_code_agent_farm
-EnzeD/vibe-coding,2414,2414,286,1,1,0,https://github.com/EnzeD/vibe-coding
-jeremylongshore/claude-code-plugins-plus,631,631,66,7,7,0,https://github.com/jeremylongshore/claude-code-plugins-plus
-IncomeStreamSurfer/claude-code-agents-wizard-v2,291,291,152,1,1,0,https://github.com/IncomeStreamSurfer/claude-code-agents-wizard-v2
-router-for-me/CLIProxyAPI,2540,2540,380,67,67,13,https://github.com/router-for-me/CLIProxyAPI
-iannuttall/claude-agents,1934,1934,259,2,2,0,https://github.com/iannuttall/claude-agents
-daaain/claude-code-log,556,556,50,4,4,0,https://github.com/daaain/claude-code-log
-zsio/claude-code-hub,134,134,97,1,1,6,https://github.com/zsio/claude-code-hub
+disler/claude-code-hooks-multi-agent-observability,841,841,260,5,5,1,https://github.com/disler/claude-code-hooks-multi-agent-observability
+Njengah/claude-code-cheat-sheet,1035,1035,123,3,3,0,https://github.com/Njengah/claude-code-cheat-sheet
+wasabeef/claude-code-cookbook,873,873,99,1,1,0,https://github.com/wasabeef/claude-code-cookbook
+JessyTsui/Claude-Code-Remote,878,878,95,0,0,0,https://github.com/JessyTsui/Claude-Code-Remote
+0xfurai/claude-code-subagents,570,570,114,6,6,1,https://github.com/0xfurai/claude-code-subagents
+darcyegb/ClaudeCodeAgents,406,406,34,2,2,0,https://github.com/darcyegb/ClaudeCodeAgents
+kn1026/cc,696,696,269,2,2,1,https://github.com/kn1026/cc
+opactorai/Claudable,3380,3380,515,8,8,2,https://github.com/opactorai/Claudable
+superdesigndev/superdesign,5494,5494,625,15,15,2,https://github.com/superdesigndev/superdesign
+ComposioHQ/awesome-claude-skills,7295,7295,819,220,220,15,https://github.com/ComposioHQ/awesome-claude-skills
+zed-industries/claude-code-acp,569,569,84,7,7,2,https://github.com/zed-industries/claude-code-acp
+severity1/claude-code-prompt-improver,970,970,91,1,1,0,https://github.com/severity1/claude-code-prompt-improver
+anthropics/claude-agent-sdk-python,3507,3507,456,39,39,2,https://github.com/anthropics/claude-agent-sdk-python
+slopus/happy,5063,5063,391,84,84,4,https://github.com/slopus/happy
+coleam00/context-engineering-intro,11815,11815,2515,14,14,6,https://github.com/coleam00/context-engineering-intro
+ericbuess/claude-code-docs,499,499,80,4,4,1,https://github.com/ericbuess/claude-code-docs
+Matt-Dionis/claude-code-configs,565,565,76,0,0,0,https://github.com/Matt-Dionis/claude-code-configs
+greggh/claude-code.nvim,1619,1619,48,6,6,0,https://github.com/greggh/claude-code.nvim
+EveryInc/compound-engineering-plugin,2718,2718,230,48,48,4,https://github.com/EveryInc/compound-engineering-plugin
+oraios/serena,17143,17143,1185,80,80,6,https://github.com/oraios/serena
+EnzeD/vibe-coding,2636,2636,378,222,222,92,https://github.com/EnzeD/vibe-coding
+steipete/agent-rules,5299,5299,466,11,11,1,https://github.com/steipete/agent-rules
+lyconear/Claude-Code,2,2,142,0,0,0,https://github.com/lyconear/Claude-Code
+manzaltu/claude-code-ide.el,1187,1187,61,2,2,1,https://github.com/manzaltu/claude-code-ide.el
+alirezarezvani/claude-code-tresor,293,293,84,3,3,0,https://github.com/alirezarezvani/claude-code-tresor
+catlog22/Claude-Code-Workflow,584,584,60,11,11,1,https://github.com/catlog22/Claude-Code-Workflow
+UfoMiao/zcf,4721,4721,335,41,41,0,https://github.com/UfoMiao/zcf
+d-kimuson/claude-code-viewer,682,682,55,4,4,0,https://github.com/d-kimuson/claude-code-viewer
+hesreallyhim/a-list-of-claude-code-agents,1078,1078,103,3,3,0,https://github.com/hesreallyhim/a-list-of-claude-code-agents
+gurusup/claude-code-demo,61,61,147,1,1,0,https://github.com/gurusup/claude-code-demo
+stretchcloud/claude-code-unified-agents,707,707,67,0,0,0,https://github.com/stretchcloud/claude-code-unified-agents
+anthropics/claude-agent-sdk-demos,753,753,126,18,18,0,https://github.com/anthropics/claude-agent-sdk-demos
+Dicklesworthstone/claude_code_agent_farm,593,593,70,3,3,0,https://github.com/Dicklesworthstone/claude_code_agent_farm
+router-for-me/CLIProxyAPI,2646,2646,394,106,106,14,https://github.com/router-for-me/CLIProxyAPI
+jeremylongshore/claude-code-plugins-plus,638,638,66,7,7,0,https://github.com/jeremylongshore/claude-code-plugins-plus
+zsio/claude-code-hub,133,133,99,-1,-1,2,https://github.com/zsio/claude-code-hub
+IncomeStreamSurfer/claude-code-agents-wizard-v2,292,292,152,1,1,0,https://github.com/IncomeStreamSurfer/claude-code-agents-wizard-v2
+iannuttall/claude-agents,1936,1936,259,2,2,0,https://github.com/iannuttall/claude-agents
+daaain/claude-code-log,559,559,50,3,3,0,https://github.com/daaain/claude-code-log
+MadAppGang/claude-code,168,168,17,1,1,0,https://github.com/MadAppGang/claude-code
+sst/opencode,38497,38497,3254,354,354,46,https://github.com/sst/opencode
 disler/claude-code-is-programmable,277,277,88,0,0,0,https://github.com/disler/claude-code-is-programmable
-sst/opencode,38143,38143,3208,225,225,24,https://github.com/sst/opencode
-MadAppGang/claude-code,167,167,17,1,1,0,https://github.com/MadAppGang/claude-code
-cjo4m06/mcp-shrimp-task-manager,1914,1914,234,2,2,-1,https://github.com/cjo4m06/mcp-shrimp-task-manager
-stevemolitor/claude-code.el,546,546,48,0,0,0,https://github.com/stevemolitor/claude-code.el
-nikivdev/research,4849,4849,566,0,0,0,https://github.com/nikivdev/research
-ericc-ch/copilot-api,1734,1734,295,20,20,1,https://github.com/ericc-ch/copilot-api
-BeehiveInnovations/pal-mcp-server,10435,10435,887,24,24,2,https://github.com/BeehiveInnovations/pal-mcp-server
-cexll/myclaude,1180,1180,177,19,19,2,https://github.com/cexll/myclaude
-omnara-ai/omnara,2543,2543,183,0,0,0,https://github.com/omnara-ai/omnara
-numman-ali/openskills,2053,2053,152,80,80,1,https://github.com/numman-ali/openskills
-humanlayer/humanlayer,7741,7741,637,49,49,6,https://github.com/humanlayer/humanlayer
-ananddtyagi/claude-code-marketplace,523,523,42,5,5,0,https://github.com/ananddtyagi/claude-code-marketplace
-pchalasani/claude-code-tools,541,541,41,3,3,0,https://github.com/pchalasani/claude-code-tools
-SuperClaude-Org/SuperClaude_Framework,18991,18991,1645,36,36,0,https://github.com/SuperClaude-Org/SuperClaude_Framework
+stevemolitor/claude-code.el,545,545,48,-1,-1,0,https://github.com/stevemolitor/claude-code.el
+nikivdev/research,4849,4849,567,0,0,1,https://github.com/nikivdev/research
+cjo4m06/mcp-shrimp-task-manager,1918,1918,233,4,4,-1,https://github.com/cjo4m06/mcp-shrimp-task-manager
+ericc-ch/copilot-api,1751,1751,299,17,17,4,https://github.com/ericc-ch/copilot-api
+cexll/myclaude,1200,1200,180,20,20,3,https://github.com/cexll/myclaude
+BeehiveInnovations/pal-mcp-server,10455,10455,889,20,20,2,https://github.com/BeehiveInnovations/pal-mcp-server
+numman-ali/openskills,2139,2139,156,86,86,4,https://github.com/numman-ali/openskills
+omnara-ai/omnara,2545,2545,184,2,2,1,https://github.com/omnara-ai/omnara
+humanlayer/humanlayer,7821,7821,645,80,80,8,https://github.com/humanlayer/humanlayer
+ananddtyagi/claude-code-marketplace,528,528,42,5,5,0,https://github.com/ananddtyagi/claude-code-marketplace
+pchalasani/claude-code-tools,544,544,41,3,3,0,https://github.com/pchalasani/claude-code-tools
+SuperClaude-Org/SuperClaude_Framework,19052,19052,1648,61,61,3,https://github.com/SuperClaude-Org/SuperClaude_Framework
 kxn/claude-code-companion,297,297,49,0,0,0,https://github.com/kxn/claude-code-companion
-seifghazi/claude-code-proxy,304,304,49,2,2,0,https://github.com/seifghazi/claude-code-proxy
-vijaythecoder/awesome-claude-agents,3540,3540,430,2,2,0,https://github.com/vijaythecoder/awesome-claude-agents
-czlonkowski/n8n-mcp,10712,10712,1973,37,37,6,https://github.com/czlonkowski/n8n-mcp
+seifghazi/claude-code-proxy,306,306,49,2,2,0,https://github.com/seifghazi/claude-code-proxy
+vijaythecoder/awesome-claude-agents,3549,3549,431,9,9,1,https://github.com/vijaythecoder/awesome-claude-agents
+czlonkowski/n8n-mcp,10756,10756,1982,44,44,9,https://github.com/czlonkowski/n8n-mcp
 coffeegrind123/gemini-for-claude-code,326,326,59,0,0,0,https://github.com/coffeegrind123/gemini-for-claude-code
diff --git a/data/repo-ticker.csv b/data/repo-ticker.csv
index 970c7ff8..57fdf3fa 100644
--- a/data/repo-ticker.csv
+++ b/data/repo-ticker.csv
@@ -1,101 +1,101 @@
 full_name,stars,watchers,forks,stars_delta,watchers_delta,forks_delta,url
-anthropics/claude-code,45726,45726,3192,202,202,15,https://github.com/anthropics/claude-code
-shareAI-lab/analysis_claude_code,11607,11607,3022,21,21,6,https://github.com/shareAI-lab/analysis_claude_code
-musistudio/claude-code-router,23331,23331,1827,83,83,6,https://github.com/musistudio/claude-code-router
-hesreallyhim/awesome-claude-code,18025,18025,1018,98,98,7,https://github.com/hesreallyhim/awesome-claude-code
-davila7/claude-code-templates,12513,12513,1093,58,58,1,https://github.com/davila7/claude-code-templates
-anthropics/claude-code-action,4335,4335,1277,17,17,-3,https://github.com/anthropics/claude-code-action
-diet103/claude-code-infrastructure-showcase,7648,7648,1008,32,32,6,https://github.com/diet103/claude-code-infrastructure-showcase
-VoltAgent/awesome-claude-code-subagents,5799,5799,626,72,72,5,https://github.com/VoltAgent/awesome-claude-code-subagents
-OneRedOak/claude-code-workflows,3255,3255,489,8,8,1,https://github.com/OneRedOak/claude-code-workflows
-kodu-ai/claude-coder,5297,5297,202,-2,-2,0,https://github.com/kodu-ai/claude-coder
-1rgs/claude-code-proxy,2607,2607,357,7,7,2,https://github.com/1rgs/claude-code-proxy
-Yuyz0112/claude-code-reverse,1808,1808,323,5,5,-1,https://github.com/Yuyz0112/claude-code-reverse
-Maciek-roboblog/Claude-Code-Usage-Monitor,5890,5890,288,10,10,3,https://github.com/Maciek-roboblog/Claude-Code-Usage-Monitor
-disler/claude-code-hooks-mastery,1947,1947,423,7,7,0,https://github.com/disler/claude-code-hooks-mastery
-zebbern/claude-code-guide,2748,2748,243,5,5,0,https://github.com/zebbern/claude-code-guide
-Cranot/claude-code-guide,2197,2197,244,5,5,0,https://github.com/Cranot/claude-code-guide
-eyaltoledano/claude-task-master,24247,24247,2352,35,35,0,https://github.com/eyaltoledano/claude-task-master
-anthropics/claude-code-base-action,534,534,600,1,1,-1,https://github.com/anthropics/claude-code-base-action
-fuergaosi233/claude-code-proxy,1751,1751,237,9,9,-1,https://github.com/fuergaosi233/claude-code-proxy
-Pimzino/claude-code-spec-workflow,3200,3200,234,9,9,0,https://github.com/Pimzino/claude-code-spec-workflow
-wshobson/agents,22615,22615,2517,88,88,4,https://github.com/wshobson/agents
-obra/superpowers,9598,9598,798,132,132,10,https://github.com/obra/superpowers
-anthropics/claude-code-security-review,2701,2701,198,8,8,0,https://github.com/anthropics/claude-code-security-review
-davepoon/claude-code-subagents-collection,2056,2056,231,2,2,0,https://github.com/davepoon/claude-code-subagents-collection
-siteboon/claudecodeui,5022,5022,638,20,20,1,https://github.com/siteboon/claudecodeui
-github/spec-kit,55202,55202,4792,353,353,30,https://github.com/github/spec-kit
-https-deeplearning-ai/sc-claude-code-files,333,333,409,0,0,2,https://github.com/https-deeplearning-ai/sc-claude-code-files
-ghuntley/claude-code-source-code-deobfuscation,753,753,384,1,1,-1,https://github.com/ghuntley/claude-code-source-code-deobfuscation
-lst97/claude-code-sub-agents,1225,1225,206,4,4,1,https://github.com/lst97/claude-code-sub-agents
+anthropics/claude-code,45756,45756,3193,30,30,1,https://github.com/anthropics/claude-code
+shareAI-lab/analysis_claude_code,11609,11609,3021,2,2,-1,https://github.com/shareAI-lab/analysis_claude_code
+musistudio/claude-code-router,23351,23351,1827,20,20,0,https://github.com/musistudio/claude-code-router
+hesreallyhim/awesome-claude-code,18042,18042,1019,17,17,1,https://github.com/hesreallyhim/awesome-claude-code
+davila7/claude-code-templates,12521,12521,1092,8,8,-1,https://github.com/davila7/claude-code-templates
+anthropics/claude-code-action,4338,4338,1277,3,3,0,https://github.com/anthropics/claude-code-action
+diet103/claude-code-infrastructure-showcase,7650,7650,1008,2,2,0,https://github.com/diet103/claude-code-infrastructure-showcase
+VoltAgent/awesome-claude-code-subagents,5805,5805,626,6,6,0,https://github.com/VoltAgent/awesome-claude-code-subagents
+OneRedOak/claude-code-workflows,3258,3258,490,3,3,1,https://github.com/OneRedOak/claude-code-workflows
+kodu-ai/claude-coder,5297,5297,202,0,0,0,https://github.com/kodu-ai/claude-coder
+1rgs/claude-code-proxy,2610,2610,357,3,3,0,https://github.com/1rgs/claude-code-proxy
+Yuyz0112/claude-code-reverse,1808,1808,323,0,0,0,https://github.com/Yuyz0112/claude-code-reverse
+Maciek-roboblog/Claude-Code-Usage-Monitor,5892,5892,288,2,2,0,https://github.com/Maciek-roboblog/Claude-Code-Usage-Monitor
+disler/claude-code-hooks-mastery,1948,1948,424,1,1,1,https://github.com/disler/claude-code-hooks-mastery
+zebbern/claude-code-guide,2748,2748,243,0,0,0,https://github.com/zebbern/claude-code-guide
+Cranot/claude-code-guide,2198,2198,244,1,1,0,https://github.com/Cranot/claude-code-guide
+eyaltoledano/claude-task-master,24252,24252,2352,5,5,0,https://github.com/eyaltoledano/claude-task-master
+anthropics/claude-code-base-action,534,534,600,0,0,0,https://github.com/anthropics/claude-code-base-action
+fuergaosi233/claude-code-proxy,1751,1751,237,0,0,0,https://github.com/fuergaosi233/claude-code-proxy
+Pimzino/claude-code-spec-workflow,3202,3202,233,2,2,-1,https://github.com/Pimzino/claude-code-spec-workflow
+wshobson/agents,22631,22631,2518,16,16,1,https://github.com/wshobson/agents
+obra/superpowers,9628,9628,800,30,30,2,https://github.com/obra/superpowers
+anthropics/claude-code-security-review,2701,2701,198,0,0,0,https://github.com/anthropics/claude-code-security-review
+davepoon/claude-code-subagents-collection,2056,2056,231,0,0,0,https://github.com/davepoon/claude-code-subagents-collection
+siteboon/claudecodeui,5022,5022,637,0,0,-1,https://github.com/siteboon/claudecodeui
+github/spec-kit,55243,55243,4793,41,41,1,https://github.com/github/spec-kit
+https-deeplearning-ai/sc-claude-code-files,333,333,409,0,0,0,https://github.com/https-deeplearning-ai/sc-claude-code-files
+ghuntley/claude-code-source-code-deobfuscation,753,753,383,0,0,-1,https://github.com/ghuntley/claude-code-source-code-deobfuscation
+lst97/claude-code-sub-agents,1226,1226,206,1,1,0,https://github.com/lst97/claude-code-sub-agents
 nishimoto265/Claude-Code-Communication,461,461,215,0,0,0,https://github.com/nishimoto265/Claude-Code-Communication
-rizethereum/claude-code-requirements-builder,1710,1710,167,-1,-1,0,https://github.com/rizethereum/claude-code-requirements-builder
-feiskyer/claude-code-settings,882,882,147,45,45,2,https://github.com/feiskyer/claude-code-settings
-anthropics/skills,20660,20660,1978,229,229,23,https://github.com/anthropics/skills
-sugyan/claude-code-webui,740,740,164,2,2,0,https://github.com/sugyan/claude-code-webui
-andrepimenta/claude-code-chat,926,926,135,1,1,0,https://github.com/andrepimenta/claude-code-chat
-winfunc/opcode,19177,19177,1486,72,72,14,https://github.com/winfunc/opcode
-centminmod/my-claude-code-setup,1433,1433,133,2,2,0,https://github.com/centminmod/my-claude-code-setup
-peterkrueck/Claude-Code-Development-Kit,1251,1251,141,2,2,0,https://github.com/peterkrueck/Claude-Code-Development-Kit
-edmund-io/edmunds-claude-code,652,652,133,11,11,2,https://github.com/edmund-io/edmunds-claude-code
-steipete/claude-code-mcp,955,955,108,3,3,0,https://github.com/steipete/claude-code-mcp
+rizethereum/claude-code-requirements-builder,1710,1710,167,0,0,0,https://github.com/rizethereum/claude-code-requirements-builder
+feiskyer/claude-code-settings,883,883,147,1,1,0,https://github.com/feiskyer/claude-code-settings
+anthropics/skills,20695,20695,1982,35,35,4,https://github.com/anthropics/skills
+sugyan/claude-code-webui,741,741,164,1,1,0,https://github.com/sugyan/claude-code-webui
+andrepimenta/claude-code-chat,927,927,135,1,1,0,https://github.com/andrepimenta/claude-code-chat
+winfunc/opcode,19179,19179,1485,2,2,-1,https://github.com/winfunc/opcode
+centminmod/my-claude-code-setup,1434,1434,133,1,1,0,https://github.com/centminmod/my-claude-code-setup
+peterkrueck/Claude-Code-Development-Kit,1251,1251,141,0,0,0,https://github.com/peterkrueck/Claude-Code-Development-Kit
+edmund-io/edmunds-claude-code,653,653,133,1,1,0,https://github.com/edmund-io/edmunds-claude-code
+steipete/claude-code-mcp,955,955,108,0,0,0,https://github.com/steipete/claude-code-mcp
 revfactory/claude-code-mastering,725,725,117,0,0,0,https://github.com/revfactory/claude-code-mastering
-disler/claude-code-hooks-multi-agent-observability,841,841,260,5,5,1,https://github.com/disler/claude-code-hooks-multi-agent-observability
-Njengah/claude-code-cheat-sheet,1035,1035,123,3,3,0,https://github.com/Njengah/claude-code-cheat-sheet
-wasabeef/claude-code-cookbook,873,873,99,1,1,0,https://github.com/wasabeef/claude-code-cookbook
-JessyTsui/Claude-Code-Remote,878,878,95,0,0,0,https://github.com/JessyTsui/Claude-Code-Remote
-0xfurai/claude-code-subagents,570,570,114,6,6,1,https://github.com/0xfurai/claude-code-subagents
-darcyegb/ClaudeCodeAgents,406,406,34,2,2,0,https://github.com/darcyegb/ClaudeCodeAgents
-kn1026/cc,696,696,269,2,2,1,https://github.com/kn1026/cc
-opactorai/Claudable,3380,3380,515,8,8,2,https://github.com/opactorai/Claudable
-superdesigndev/superdesign,5494,5494,625,15,15,2,https://github.com/superdesigndev/superdesign
-ComposioHQ/awesome-claude-skills,7295,7295,819,220,220,15,https://github.com/ComposioHQ/awesome-claude-skills
-zed-industries/claude-code-acp,569,569,84,7,7,2,https://github.com/zed-industries/claude-code-acp
-severity1/claude-code-prompt-improver,970,970,91,1,1,0,https://github.com/severity1/claude-code-prompt-improver
-anthropics/claude-agent-sdk-python,3507,3507,456,39,39,2,https://github.com/anthropics/claude-agent-sdk-python
-slopus/happy,5063,5063,391,84,84,4,https://github.com/slopus/happy
-coleam00/context-engineering-intro,11815,11815,2515,14,14,6,https://github.com/coleam00/context-engineering-intro
-ericbuess/claude-code-docs,499,499,80,4,4,1,https://github.com/ericbuess/claude-code-docs
+wasabeef/claude-code-cookbook,874,874,99,1,1,0,https://github.com/wasabeef/claude-code-cookbook
+disler/claude-code-hooks-multi-agent-observability,841,841,261,0,0,1,https://github.com/disler/claude-code-hooks-multi-agent-observability
+Njengah/claude-code-cheat-sheet,1035,1035,123,0,0,0,https://github.com/Njengah/claude-code-cheat-sheet
+JessyTsui/Claude-Code-Remote,879,879,95,1,1,0,https://github.com/JessyTsui/Claude-Code-Remote
+0xfurai/claude-code-subagents,570,570,114,0,0,0,https://github.com/0xfurai/claude-code-subagents
+darcyegb/ClaudeCodeAgents,406,406,35,0,0,1,https://github.com/darcyegb/ClaudeCodeAgents
+kn1026/cc,696,696,269,0,0,0,https://github.com/kn1026/cc
+opactorai/Claudable,3383,3383,517,3,3,2,https://github.com/opactorai/Claudable
+superdesigndev/superdesign,5499,5499,626,5,5,1,https://github.com/superdesigndev/superdesign
+ComposioHQ/awesome-claude-skills,7319,7319,822,24,24,3,https://github.com/ComposioHQ/awesome-claude-skills
+zed-industries/claude-code-acp,569,569,84,0,0,0,https://github.com/zed-industries/claude-code-acp
+severity1/claude-code-prompt-improver,970,970,91,0,0,0,https://github.com/severity1/claude-code-prompt-improver
+anthropics/claude-agent-sdk-python,3511,3511,457,4,4,1,https://github.com/anthropics/claude-agent-sdk-python
+slopus/happy,5072,5072,392,9,9,1,https://github.com/slopus/happy
+coleam00/context-engineering-intro,11816,11816,2516,1,1,1,https://github.com/coleam00/context-engineering-intro
+ericbuess/claude-code-docs,499,499,80,0,0,0,https://github.com/ericbuess/claude-code-docs
 Matt-Dionis/claude-code-configs,565,565,76,0,0,0,https://github.com/Matt-Dionis/claude-code-configs
-greggh/claude-code.nvim,1619,1619,48,6,6,0,https://github.com/greggh/claude-code.nvim
-EveryInc/compound-engineering-plugin,2718,2718,230,48,48,4,https://github.com/EveryInc/compound-engineering-plugin
-oraios/serena,17143,17143,1185,80,80,6,https://github.com/oraios/serena
-EnzeD/vibe-coding,2636,2636,378,222,222,92,https://github.com/EnzeD/vibe-coding
-steipete/agent-rules,5299,5299,466,11,11,1,https://github.com/steipete/agent-rules
+greggh/claude-code.nvim,1621,1621,48,2,2,0,https://github.com/greggh/claude-code.nvim
+EveryInc/compound-engineering-plugin,2720,2720,231,2,2,1,https://github.com/EveryInc/compound-engineering-plugin
+oraios/serena,17148,17148,1186,5,5,1,https://github.com/oraios/serena
+EnzeD/vibe-coding,2661,2661,391,25,25,13,https://github.com/EnzeD/vibe-coding
+steipete/agent-rules,5299,5299,466,0,0,0,https://github.com/steipete/agent-rules
 lyconear/Claude-Code,2,2,142,0,0,0,https://github.com/lyconear/Claude-Code
-manzaltu/claude-code-ide.el,1187,1187,61,2,2,1,https://github.com/manzaltu/claude-code-ide.el
-alirezarezvani/claude-code-tresor,293,293,84,3,3,0,https://github.com/alirezarezvani/claude-code-tresor
-catlog22/Claude-Code-Workflow,584,584,60,11,11,1,https://github.com/catlog22/Claude-Code-Workflow
-UfoMiao/zcf,4721,4721,335,41,41,0,https://github.com/UfoMiao/zcf
-d-kimuson/claude-code-viewer,682,682,55,4,4,0,https://github.com/d-kimuson/claude-code-viewer
-hesreallyhim/a-list-of-claude-code-agents,1078,1078,103,3,3,0,https://github.com/hesreallyhim/a-list-of-claude-code-agents
-gurusup/claude-code-demo,61,61,147,1,1,0,https://github.com/gurusup/claude-code-demo
+alirezarezvani/claude-code-tresor,295,295,84,2,2,0,https://github.com/alirezarezvani/claude-code-tresor
+manzaltu/claude-code-ide.el,1187,1187,61,0,0,0,https://github.com/manzaltu/claude-code-ide.el
+catlog22/Claude-Code-Workflow,586,586,60,2,2,0,https://github.com/catlog22/Claude-Code-Workflow
+UfoMiao/zcf,4725,4725,335,4,4,0,https://github.com/UfoMiao/zcf
+d-kimuson/claude-code-viewer,683,683,55,1,1,0,https://github.com/d-kimuson/claude-code-viewer
+hesreallyhim/a-list-of-claude-code-agents,1079,1079,103,1,1,0,https://github.com/hesreallyhim/a-list-of-claude-code-agents
+gurusup/claude-code-demo,61,61,147,0,0,0,https://github.com/gurusup/claude-code-demo
 stretchcloud/claude-code-unified-agents,707,707,67,0,0,0,https://github.com/stretchcloud/claude-code-unified-agents
-anthropics/claude-agent-sdk-demos,753,753,126,18,18,0,https://github.com/anthropics/claude-agent-sdk-demos
-Dicklesworthstone/claude_code_agent_farm,593,593,70,3,3,0,https://github.com/Dicklesworthstone/claude_code_agent_farm
-router-for-me/CLIProxyAPI,2646,2646,394,106,106,14,https://github.com/router-for-me/CLIProxyAPI
-jeremylongshore/claude-code-plugins-plus,638,638,66,7,7,0,https://github.com/jeremylongshore/claude-code-plugins-plus
-zsio/claude-code-hub,133,133,99,-1,-1,2,https://github.com/zsio/claude-code-hub
-IncomeStreamSurfer/claude-code-agents-wizard-v2,292,292,152,1,1,0,https://github.com/IncomeStreamSurfer/claude-code-agents-wizard-v2
-iannuttall/claude-agents,1936,1936,259,2,2,0,https://github.com/iannuttall/claude-agents
-daaain/claude-code-log,559,559,50,3,3,0,https://github.com/daaain/claude-code-log
-MadAppGang/claude-code,168,168,17,1,1,0,https://github.com/MadAppGang/claude-code
-sst/opencode,38497,38497,3254,354,354,46,https://github.com/sst/opencode
+anthropics/claude-agent-sdk-demos,753,753,127,0,0,1,https://github.com/anthropics/claude-agent-sdk-demos
+Dicklesworthstone/claude_code_agent_farm,594,594,70,1,1,0,https://github.com/Dicklesworthstone/claude_code_agent_farm
+router-for-me/CLIProxyAPI,2656,2656,398,10,10,4,https://github.com/router-for-me/CLIProxyAPI
+jeremylongshore/claude-code-plugins-plus,641,641,66,3,3,0,https://github.com/jeremylongshore/claude-code-plugins-plus
+zsio/claude-code-hub,133,133,100,0,0,1,https://github.com/zsio/claude-code-hub
+IncomeStreamSurfer/claude-code-agents-wizard-v2,292,292,152,0,0,0,https://github.com/IncomeStreamSurfer/claude-code-agents-wizard-v2
+iannuttall/claude-agents,1936,1936,259,0,0,0,https://github.com/iannuttall/claude-agents
+daaain/claude-code-log,561,561,50,2,2,0,https://github.com/daaain/claude-code-log
+MadAppGang/claude-code,171,171,17,3,3,0,https://github.com/MadAppGang/claude-code
 disler/claude-code-is-programmable,277,277,88,0,0,0,https://github.com/disler/claude-code-is-programmable
-stevemolitor/claude-code.el,545,545,48,-1,-1,0,https://github.com/stevemolitor/claude-code.el
-nikivdev/research,4849,4849,567,0,0,1,https://github.com/nikivdev/research
-cjo4m06/mcp-shrimp-task-manager,1918,1918,233,4,4,-1,https://github.com/cjo4m06/mcp-shrimp-task-manager
-ericc-ch/copilot-api,1751,1751,299,17,17,4,https://github.com/ericc-ch/copilot-api
-cexll/myclaude,1200,1200,180,20,20,3,https://github.com/cexll/myclaude
-BeehiveInnovations/pal-mcp-server,10455,10455,889,20,20,2,https://github.com/BeehiveInnovations/pal-mcp-server
-numman-ali/openskills,2139,2139,156,86,86,4,https://github.com/numman-ali/openskills
-omnara-ai/omnara,2545,2545,184,2,2,1,https://github.com/omnara-ai/omnara
-humanlayer/humanlayer,7821,7821,645,80,80,8,https://github.com/humanlayer/humanlayer
-ananddtyagi/claude-code-marketplace,528,528,42,5,5,0,https://github.com/ananddtyagi/claude-code-marketplace
-pchalasani/claude-code-tools,544,544,41,3,3,0,https://github.com/pchalasani/claude-code-tools
-SuperClaude-Org/SuperClaude_Framework,19052,19052,1648,61,61,3,https://github.com/SuperClaude-Org/SuperClaude_Framework
+sst/opencode,38543,38543,3261,46,46,7,https://github.com/sst/opencode
+stevemolitor/claude-code.el,545,545,48,0,0,0,https://github.com/stevemolitor/claude-code.el
+cjo4m06/mcp-shrimp-task-manager,1919,1919,233,1,1,0,https://github.com/cjo4m06/mcp-shrimp-task-manager
+nikivdev/research,4849,4849,567,0,0,0,https://github.com/nikivdev/research
+ericc-ch/copilot-api,1752,1752,301,1,1,2,https://github.com/ericc-ch/copilot-api
+cexll/myclaude,1203,1203,180,3,3,0,https://github.com/cexll/myclaude
+BeehiveInnovations/pal-mcp-server,10463,10463,889,8,8,0,https://github.com/BeehiveInnovations/pal-mcp-server
+numman-ali/openskills,2143,2143,157,4,4,1,https://github.com/numman-ali/openskills
+humanlayer/humanlayer,7832,7832,648,11,11,3,https://github.com/humanlayer/humanlayer
+omnara-ai/omnara,2546,2546,184,1,1,0,https://github.com/omnara-ai/omnara
+pchalasani/claude-code-tools,547,547,42,3,3,1,https://github.com/pchalasani/claude-code-tools
+ananddtyagi/claude-code-marketplace,528,528,42,0,0,0,https://github.com/ananddtyagi/claude-code-marketplace
+SuperClaude-Org/SuperClaude_Framework,19060,19060,1649,8,8,1,https://github.com/SuperClaude-Org/SuperClaude_Framework
 kxn/claude-code-companion,297,297,49,0,0,0,https://github.com/kxn/claude-code-companion
-seifghazi/claude-code-proxy,306,306,49,2,2,0,https://github.com/seifghazi/claude-code-proxy
-vijaythecoder/awesome-claude-agents,3549,3549,431,9,9,1,https://github.com/vijaythecoder/awesome-claude-agents
-czlonkowski/n8n-mcp,10756,10756,1982,44,44,9,https://github.com/czlonkowski/n8n-mcp
-coffeegrind123/gemini-for-claude-code,326,326,59,0,0,0,https://github.com/coffeegrind123/gemini-for-claude-code
+seifghazi/claude-code-proxy,306,306,49,0,0,0,https://github.com/seifghazi/claude-code-proxy
+vijaythecoder/awesome-claude-agents,3549,3549,431,0,0,0,https://github.com/vijaythecoder/awesome-claude-agents
+czlonkowski/n8n-mcp,10762,10762,1982,6,6,0,https://github.com/czlonkowski/n8n-mcp
+9j/claude-code-mux,406,406,40,0,0,0,https://github.com/9j/claude-code-mux
diff --git a/docs/ui-generation-notes.md b/docs/ui-generation-notes.md
new file mode 100644
index 00000000..10f6aa6b
--- /dev/null
+++ b/docs/ui-generation-notes.md
@@ -0,0 +1,24 @@
+# UI Generation vs. Hard-Coding
+
+This repository mixes generated UI assets with a few hand-authored bits. This note documents what is still hard-coded so you know where to edit when changing layout or text.
+
+## Generated
+- README body, TOC, and anchors via `scripts/generate_readme.py` using `templates/README.template.md`.
+- TOC rows/subrows (dark/light) and light TOC header when `REGEN_TOC_ASSETS=1 make generate` is used.
+- Category headers (dark/light) and subheaders (`subheader_*.svg`) via the generators.
+- Resource badges (light) during README generation.
+
+## Hard-Coded / Manual
+- The “Terminal Navigation” card grid in `templates/README.template.md`:
+  - Card assets (`assets/card-*.svg`) are static files.
+  - Anchor hrefs are manually set; they must match the category IDs and their trailing dash convention (e.g., `#tooling-`, `#workflows-knowledge-guides-`, `#official-documentation-`).
+- Most assets under `assets/` (cards, subheaders, banners, section dividers, etc.) remain hand-authored; only the TOC rows/subrows/light header, category headers, and badges are generated.
+- Dark TOC header (`assets/toc-header.svg`) is static (light version is generated).
+- Any custom copy in `templates/README.template.md` that is outside the placeholder slots stays manual.
+
+## Regeneration Tips
+- Run `REGEN_TOC_ASSETS=1 make generate` to regenerate the TOC assets (rows/subrows/light header) along with README.
+- If you change category IDs/names, update:
+  - `templates/categories.yaml`
+  - The card-grid anchor hrefs in `templates/README.template.md`
+  - Any static assets that embed text (e.g., card SVGs), since those are not regenerated automatically.
diff --git a/scripts/generate_readme.py b/scripts/generate_readme.py
index 741cf38e..8ace12bb 100644
--- a/scripts/generate_readme.py
+++ b/scripts/generate_readme.py
@@ -5,6 +5,7 @@
 """
 
 import csv
+import glob
 import os
 import re
 import shutil
@@ -688,10 +689,10 @@ def generate_toc_row_svg(directory_name, description):
     desc_escaped = description.replace("&", "&amp;").replace("<", "&lt;").replace(">", "&gt;")
     dir_escaped = directory_name.replace("&", "&amp;").replace("<", "&lt;").replace(">", "&gt;")
 
-    return f"""<svg width="850" height="40" xmlns="http://www.w3.org/2000/svg">
+    return f"""<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.2" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -709,31 +710,126 @@ def generate_toc_row_svg(directory_name, description):
   </defs>
 
   <!-- Background -->
-  <rect width="850" height="40" fill="#1a1a1a"/>
-  <rect x="7" y="0" width="836" height="40" fill="url(#phosphor)"/>
-  <rect x="7" y="0" width="836" height="40" fill="url(#scanlines)"/>
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
 
   <!-- Hover highlight -->
-  <rect x="7" y="0" width="836" height="40" fill="#33ff33" opacity="0">
+  <rect x="7" y="0" width="393" height="40" fill="#33ff33" opacity="0">
     <animate attributeName="opacity" values="0;0.05;0" dur="2s" repeatCount="indefinite"/>
   </rect>
 
   <!-- Content -->
   <g filter="url(#crtGlow)">
-    <text x="20" y="25" font-family="monospace" font-size="13" fill="#66ff66">
+    <text x="20" y="25" font-family="monospace" font-size="16" fill="#66ff66">
       drwxr-xr-x
     </text>
-    <text x="140" y="25" font-family="monospace" font-size="13" fill="#33ff33" font-weight="bold">
+    <text x="140" y="25" font-family="monospace" font-size="16" fill="#33ff33" font-weight="bold">
       {dir_escaped}
       <animate attributeName="opacity" values="1;0.95;1" dur="0.1s" repeatCount="indefinite"/>
     </text>
-    <text x="400" y="25" font-family="monospace" font-size="12" fill="#449944" opacity="0.8">
+    <!--
+    <text x="400" y="25" font-family="monospace" font-size="14" fill="#449944" opacity="1">
       # {desc_escaped}
     </text>
+    -->
   </g>
 </svg>"""
 
 
+def generate_toc_row_light_svg(directory_name, description):
+    """Generate a light-mode TOC row SVG in vintage manual style."""
+    dir_escaped = directory_name.replace("&", "&amp;").replace("<", "&lt;").replace(">", "&gt;")
+    desc_escaped = description.replace("&", "&amp;").replace("<", "&lt;").replace(">", "&gt;")
+
+    return f"""<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
+  <defs>
+    <linearGradient id="paperBg" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#faf8f3"/>
+      <stop offset="100%" style="stop-color:#f5f0e6"/>
+    </linearGradient>
+    <pattern id="leaderDots" x="0" y="0" width="10" height="4" patternUnits="userSpaceOnUse">
+      <circle cx="2" cy="2" r="0.8" fill="#8a7b6f" opacity="0.5"/>
+    </pattern>
+  </defs>
+
+  <!-- Background -->
+  <rect width="400" height="36" fill="url(#paperBg)"/>
+  <line x1="2" y1="0" x2="2" y2="36" stroke="#c4baa8" stroke-width="1"/>
+  <line x1="398" y1="0" x2="398" y2="36" stroke="#c4baa8" stroke-width="1"/>
+
+  <!-- Section number -->
+  <text x="32" y="24"
+        font-family="'Courier New', Courier, monospace"
+        font-size="14"
+        font-weight="700"
+        fill="#c96442"
+        text-anchor="middle">
+    01
+  </text>
+
+  <!-- Section title -->
+  <text x="120" y="24"
+        font-family="Georgia, 'Times New Roman', serif"
+        font-size="14"
+        fill="#3d3530">
+    {dir_escaped}
+  </text>
+
+  <!-- Leader dots -->
+  <rect x="210" y="20" width="140" height="4" fill="url(#leaderDots)"/>
+
+  <!-- Page/section reference -->
+  <text x="370" y="24"
+        font-family="'Courier New', Courier, monospace"
+        font-size="12"
+        fill="#5c5247"
+        text-anchor="end"
+        opacity="0.7">
+    §1
+  </text>
+
+  <!-- Bottom rule -->
+  <line x1="20" y1="34" x2="380" y2="34" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
+</svg>"""
+
+
+def generate_toc_header_light_svg():
+    """Generate a compact light-mode TOC header with fixed width and centered title."""
+    return """<svg width="400" height="48" viewBox="0 0 400 48" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
+  <defs>
+    <linearGradient id="tocHeaderBg" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#faf8f3"/>
+      <stop offset="100%" style="stop-color:#f3eee4"/>
+    </linearGradient>
+  </defs>
+
+  <rect x="0.5" y="0.5" width="399" height="47" rx="3" ry="3" fill="url(#tocHeaderBg)" stroke="#c4baa8" stroke-width="1"/>
+
+  <!-- Center title -->
+  <text x="200" y="28"
+        font-family="Georgia, 'Times New Roman', serif"
+        font-size="17"
+        font-weight="600"
+        fill="#3d3530"
+        text-anchor="middle"
+        letter-spacing="2">
+    CONTENTS
+  </text>
+
+  <!-- Decorative diamonds -->
+  <g fill="#5c5247" opacity="0.65">
+    <path d="M 118 24 L 124 18 L 130 24 L 124 30 Z"/>
+    <path d="M 282 24 L 288 18 L 294 24 L 288 30 Z"/>
+  </g>
+
+  <!-- Light scan indicator -->
+  <rect x="-40" y="2" width="3" height="44" fill="#d2c5b4" opacity="0.16">
+    <animate attributeName="x" values="-40;420;420;-40" keyTimes="0;0.28;0.98;1" dur="7s" repeatCount="indefinite" />
+  </rect>
+</svg>"""
+
+
 def generate_toc_sub_svg(directory_name, description):
     """Generate a dark-mode TOC subcategory row SVG.
 
@@ -744,10 +840,10 @@ def generate_toc_sub_svg(directory_name, description):
     desc_escaped = description.replace("&", "&amp;").replace("<", "&lt;").replace(">", "&gt;")
     dir_escaped = directory_name.replace("&", "&amp;").replace("<", "&lt;").replace(">", "&gt;")
 
-    return f"""<svg width="850" height="35" xmlns="http://www.w3.org/2000/svg">
+    return f"""<svg height="40" width="400" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
   <defs>
     <filter id="crtGlow">
-      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feGaussianBlur stdDeviation="0.5" result="coloredBlur"/>
       <feMerge>
         <feMergeNode in="coloredBlur"/>
         <feMergeNode in="SourceGraphic"/>
@@ -765,25 +861,57 @@ def generate_toc_sub_svg(directory_name, description):
   </defs>
 
   <!-- Background -->
-  <rect width="850" height="35" fill="#1a1a1a"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#phosphor)"/>
-  <rect x="7" y="0" width="836" height="35" fill="url(#scanlines)"/>
+  <rect width="400" height="40" fill="#1a1a1a"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#phosphor)"/>
+  <rect x="7" y="0" width="393" height="40" fill="url(#scanlines)"/>
 
   <!-- Content -->
   <g filter="url(#crtGlow)">
-    <text x="40" y="22" font-family="monospace" font-size="12" fill="#66ff66" opacity="0.7">
-      drwxr-xr-x
+    <text x="18" y="25" font-family="monospace" font-size="12" fill="#66ff66" opacity="0.8">
+      |-
     </text>
-    <text x="160" y="22" font-family="monospace" font-size="12" fill="#33ff33">
+    <text x="56" y="25" font-family="monospace" font-size="13" fill="#33ff33">
       {dir_escaped}
     </text>
-    <text x="400" y="22" font-family="monospace" font-size="11" fill="#449944" opacity="0.7">
-      # {desc_escaped}
-    </text>
   </g>
 </svg>"""
 
 
+def generate_toc_sub_light_svg(directory_name, description):
+    """Generate a light-mode TOC subcategory row SVG."""
+    dir_escaped = directory_name.replace("&", "&amp;").replace("<", "&lt;").replace(">", "&gt;")
+    desc_escaped = description.replace("&", "&amp;").replace("<", "&lt;").replace(">", "&gt;")
+
+    return f"""<svg width="400" height="40" viewBox="0 0 400 40" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet">
+  <defs>
+    <linearGradient id="paperBgSub" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#fbfaf6"/>
+      <stop offset="100%" style="stop-color:#f4efe5"/>
+    </linearGradient>
+  </defs>
+
+  <rect width="400" height="36" fill="url(#paperBgSub)"/>
+  <line x1="2" y1="0" x2="2" y2="36" stroke="#c4baa8" stroke-width="1"/>
+  <line x1="398" y1="0" x2="398" y2="36" stroke="#c4baa8" stroke-width="1"/>
+
+  <text x="22" y="24"
+        font-family="'Courier New', Courier, monospace"
+        font-size="12"
+        fill="#c96442"
+        opacity="0.8">
+    |-
+  </text>
+  <text x="60" y="24"
+        font-family="Georgia, 'Times New Roman', serif"
+        font-size="13"
+        fill="#3d3530">
+    {dir_escaped}
+  </text>
+
+  <line x1="20" y1="33" x2="380" y2="33" stroke="#c4baa8" stroke-width="0.5" opacity="0.3"/>
+</svg>"""
+
+
 # =============================================================================
 # ASSET SAVING HELPERS - Save generated assets to disk
 # =============================================================================
@@ -864,12 +992,12 @@ def ensure_desc_box_exists(position, assets_dir):
     return filename
 
 
-def ensure_toc_row_exists(category_id, directory_name, description, assets_dir):
+def ensure_toc_row_exists(category_id, directory_name, description, assets_dir, always_regenerate=True):
     """Ensure TOC row SVG exists, generating if needed."""
     filename = f"toc-row-{category_id}.svg"
     filepath = os.path.join(assets_dir, filename)
 
-    if not os.path.exists(filepath):
+    if always_regenerate or not os.path.exists(filepath):
         svg_content = generate_toc_row_svg(directory_name, description)
         with open(filepath, "w", encoding="utf-8") as f:
             f.write(svg_content)
@@ -877,12 +1005,12 @@ def ensure_toc_row_exists(category_id, directory_name, description, assets_dir):
     return filename
 
 
-def ensure_toc_sub_exists(subcat_id, directory_name, description, assets_dir):
+def ensure_toc_sub_exists(subcat_id, directory_name, description, assets_dir, always_regenerate=True):
     """Ensure TOC subcategory SVG exists, generating if needed."""
     filename = f"toc-sub-{subcat_id}.svg"
     filepath = os.path.join(assets_dir, filename)
 
-    if not os.path.exists(filepath):
+    if always_regenerate or not os.path.exists(filepath):
         svg_content = generate_toc_sub_svg(directory_name, description)
         with open(filepath, "w", encoding="utf-8") as f:
             f.write(svg_content)
@@ -986,10 +1114,10 @@ def sanitize_filename_from_anchor(anchor: str) -> str:
 def build_general_anchor_map(categories, csv_data=None):
     """Build a map of (category, 'General') -> anchor string shared by TOC and body."""
     general_map = {}
-    general_counter = 0
 
     for category in categories:
         category_name = category.get("name", "")
+        category_id = category.get("id", "")
         subcategories = category.get("subcategories", [])
 
         for subcat in subcategories:
@@ -1010,9 +1138,8 @@ def build_general_anchor_map(categories, csv_data=None):
             if not include_subcategory:
                 continue
 
-            anchor = "general-" if general_counter == 0 else f"general--{general_counter}"
-            general_map[(category_name, sub_title)] = anchor
-            general_counter += 1
+            anchor = f"{category_id}-general"
+            general_map[(category_id, sub_title)] = anchor
 
     return general_map
 
@@ -1032,10 +1159,13 @@ def generate_toc_from_categories(csv_data=None, general_map=None):
 <picture>
   <source media="(prefers-color-scheme: dark)" srcset="assets/toc-header.svg">
   <source media="(prefers-color-scheme: light)" srcset="assets/toc-header-light-anim-scanline.svg">
-  <img src="assets/toc-header-light-anim-scanline.svg" alt="Directory Listing">
+  <img src="assets/toc-header-light-anim-scanline.svg" alt="Directory Listing" height="48" style="height:48px;max-width:none;">
 </picture>"""
 
-    toc_lines = [toc_header]
+    toc_lines = [
+        '<div style="overflow-x:auto;white-space:nowrap;text-align:left;">',
+        f'<div style="height:48px;width:400px;overflow:hidden;display:block;">{toc_header}</div>',
+    ]
 
     # Track "General" occurrences across all categories that actually have them
     general_counter = 0
@@ -1062,18 +1192,21 @@ def generate_toc_from_categories(csv_data=None, general_map=None):
         # Add main category row with theme-adaptive picture element
         dark_svg = svg_filename
         light_svg = svg_filename.replace(".svg", "-light-anim-scanline.svg")
+        toc_lines.append('<div style="height:40px;width:400px;overflow:hidden;display:block;">')
         toc_lines.append(f'<a href="#{anchor}{anchor_suffix}">')
         toc_lines.append("  <picture>")
         toc_lines.append(
-            f'    <source media="(prefers-color-scheme: dark)" srcset="assets/{dark_svg}">'
+            f'    <source media=\"(prefers-color-scheme: dark)\" srcset=\"assets/{dark_svg}\">'
+        )
+        toc_lines.append(
+            f'    <source media=\"(prefers-color-scheme: light)\" srcset=\"assets/{light_svg}\">'
         )
         toc_lines.append(
-            f'    <source media="(prefers-color-scheme: light)" srcset="assets/{light_svg}">'
+            f'    <img src=\"assets/{light_svg}\" alt=\"{section_title}\" height=\"40\" style=\"height:40px;max-width:none;\">'
         )
-        toc_lines.append(f'    <img src="assets/{light_svg}" alt="{section_title}">')
         toc_lines.append("  </picture>")
         toc_lines.append("</a>")
-        toc_lines.append('<br clear="all">')
+        toc_lines.append("</div>")
 
         # Check if this category has subcategories
         subcategories = category.get("subcategories", [])
@@ -1105,15 +1238,9 @@ def generate_toc_from_categories(csv_data=None, general_map=None):
                     # Special handling for "General" subcategories
                     if sub_title == "General":
                         if general_map is not None:
-                            sub_anchor = general_map.get((category_name, sub_title), "general-")
+                            sub_anchor = general_map.get((category_id, sub_title), "general-")
                         else:
-                            if general_counter == 0:
-                                # First occurrence: just #general-
-                                sub_anchor = "general-"
-                            else:
-                                # Subsequent occurrences: #general--1, #general--2, etc.
-                                sub_anchor = f"general--{general_counter}"
-                            general_counter += 1
+                            sub_anchor = f"{category_id}-general"
                     else:
                         # Non-General subcategories need "-" suffix due to back-to-top links (🔝 emoji)
                         sub_anchor = sub_anchor + "-"
@@ -1124,22 +1251,134 @@ def generate_toc_from_categories(csv_data=None, general_map=None):
                     # Add subcategory row with theme-adaptive picture element
                     dark_svg = svg_filename
                     light_svg = svg_filename.replace(".svg", "-light-anim-scanline.svg")
+                    toc_lines.append('<div style="height:40px;width:400px;overflow:hidden;display:block;">')
                     toc_lines.append(f'<a href="#{sub_anchor}">')
                     toc_lines.append("  <picture>")
                     toc_lines.append(
-                        f'    <source media="(prefers-color-scheme: dark)" srcset="assets/{dark_svg}">'
+                        f'    <source media=\"(prefers-color-scheme: dark)\" srcset=\"assets/{dark_svg}\">'
+                    )
+                    toc_lines.append(
+                        f'    <source media=\"(prefers-color-scheme: light)\" srcset=\"assets/{light_svg}\">'
                     )
                     toc_lines.append(
-                        f'    <source media="(prefers-color-scheme: light)" srcset="assets/{light_svg}">'
+                        f'    <img src=\"assets/{light_svg}\" alt=\"{sub_title}\" height=\"40\" style=\"height:40px;max-width:none;\">'
                     )
-                    toc_lines.append(f'    <img src="assets/{light_svg}" alt="{sub_title}">')
                     toc_lines.append("  </picture>")
                     toc_lines.append("</a>")
-                    toc_lines.append('<br clear="all">')
+                    toc_lines.append("</div>")
+
+    toc_lines.append("</div>")
 
     return "\n".join(toc_lines).strip()
 
 
+def _normalize_svg_root(tag: str, target_width: int, target_height: int) -> str:
+    """Ensure root SVG tag enforces target width/height, viewBox, and left anchoring."""
+
+    def ensure_attr(svg_tag: str, name: str, value: str) -> str:
+        if re.search(rf'{name}="[^"]*"', svg_tag):
+            return re.sub(rf'{name}="[^"]*"', f'{name}="{value}"', svg_tag)
+        # Insert before closing ">"
+        return svg_tag.rstrip(">") + f' {name}="{value}">'
+
+    # Force consistent width/height
+    svg_tag = ensure_attr(tag, "width", str(target_width))
+    svg_tag = ensure_attr(svg_tag, "height", str(target_height))
+
+    # Ensure preserveAspectRatio anchors left and keeps aspect
+    svg_tag = ensure_attr(svg_tag, "preserveAspectRatio", "xMinYMid meet")
+
+    # Enforce viewBox to match target dimensions
+    svg_tag = ensure_attr(svg_tag, "viewBox", f"0 0 {target_width} {target_height}")
+
+    return svg_tag
+
+
+def normalize_toc_svgs(assets_dir: str) -> None:
+    """Normalize TOC row/sub SVGs to enforce consistent display height/anchoring."""
+    patterns = ["toc-row-*.svg", "toc-sub-*.svg", "toc-header*.svg"]
+    for pattern in patterns:
+        for path in glob.glob(os.path.join(assets_dir, pattern)):
+            with open(path, encoding="utf-8") as f:
+                content = f.read()
+
+            # Grab the root tag
+            match = re.search(r"<svg[^>]*>", content)
+            if not match:
+                continue
+
+            root_tag = match.group(0)
+            is_header = "toc-header" in os.path.basename(path)
+            target_width = 400
+            target_height = 48 if is_header else 40
+
+            normalized_tag = _normalize_svg_root(root_tag, target_width, target_height)
+            if normalized_tag != root_tag:
+                content = content.replace(root_tag, normalized_tag, 1)
+                with open(path, "w", encoding="utf-8") as f:
+                    f.write(content)
+
+
+def format_category_dir_name(name: str, category_id: str | None = None) -> str:
+    """Convert category name to display text for TOC rows."""
+    overrides = {
+        "workflows": "WORKFLOWS_&_GUIDES/",
+    }
+    if category_id and category_id in overrides:
+        return overrides[category_id]
+
+    # Default: UPPER_SNAKE_CASE with trailing slash
+    slug = re.sub(r"[^A-Za-z0-9]+", "_", name).strip("_").upper()
+    return slug + "/"
+
+
+def regenerate_main_toc_svgs(categories, assets_dir: str) -> None:
+    """Regenerate main category TOC row SVGs with standardized styling."""
+    for category in categories:
+        display_dir = format_category_dir_name(category.get("name", ""), category.get("id", ""))
+        description = category.get("description", "")
+
+        # Regenerate the dark SVG used in README
+        dark_filename = get_category_svg_filename(category.get("id", ""))
+        dark_path = os.path.join(assets_dir, dark_filename)
+        svg_content = generate_toc_row_svg(display_dir, description)
+        with open(dark_path, "w", encoding="utf-8") as f:
+            f.write(svg_content)
+
+        # Regenerate light-mode version
+        light_path = dark_path.replace(".svg", "-light-anim-scanline.svg")
+        light_svg = generate_toc_row_light_svg(display_dir, description)
+        with open(light_path, "w", encoding="utf-8") as f:
+            f.write(light_svg)
+
+
+def regenerate_sub_toc_svgs(categories, assets_dir: str) -> None:
+    """Regenerate subcategory TOC SVGs to keep sizing consistent."""
+    for category in categories:
+        subcats = category.get("subcategories", [])
+        for subcat in subcats:
+            display_dir = subcat.get("name", "")
+            description = subcat.get("description", "")
+            dark_filename = get_subcategory_svg_filename(subcat.get("id", ""))
+            dark_path = os.path.join(assets_dir, dark_filename)
+            svg_content = generate_toc_sub_svg(display_dir, description)
+            with open(dark_path, "w", encoding="utf-8") as f:
+                f.write(svg_content)
+
+            light_path = dark_path.replace(".svg", "-light-anim-scanline.svg")
+            light_svg = generate_toc_sub_light_svg(display_dir, description)
+            with open(light_path, "w", encoding="utf-8") as f:
+                f.write(light_svg)
+
+
+def regenerate_toc_header(assets_dir: str) -> None:
+    """Regenerate the light-mode TOC header for consistent sizing."""
+    light_header_path = os.path.join(assets_dir, "toc-header-light-anim-scanline.svg")
+    light_header_svg = generate_toc_header_light_svg()
+    with open(light_header_path, "w", encoding="utf-8") as f:
+        f.write(light_header_svg)
+
+
 def generate_resource_badge_svg(display_name, author_name=""):
     """Generate SVG content for a resource name badge with theme-adaptive colors.
 
@@ -1413,7 +1652,7 @@ def generate_section_content(
         f'    <source media="(prefers-color-scheme: light)" srcset="assets/{light_divider}">'
     )
     lines.append(
-        f'    <img src="assets/{light_divider}" alt="" width="100%" style="max-width: 900px;">'
+        f'    <img src="assets/{light_divider}" alt="" width="100%" style="max-width: 800px;">'
     )
     lines.append("  </picture>")
     lines.append("</div>")
@@ -1428,8 +1667,11 @@ def generate_section_content(
 
     # Generate header SVG files for this category (dark and light versions)
     section_number = str(section_index + 1).zfill(2)  # "01", "02", etc.
+    display_title = title
+    if category_id == "workflows":
+        display_title = "Workflows & Guides"
     dark_header, light_header = ensure_category_header_exists(
-        category_id, title, section_number, assets_dir, icon=icon, always_regenerate=True
+        category_id, display_title, section_number, assets_dir, icon=icon, always_regenerate=True
     )
 
     # Add header with proper ID and theme-adaptive picture element
@@ -1493,7 +1735,6 @@ def generate_section_content(
         #         lines.append("")
 
         # Then render each subsection as a collapsible element
-        general_counter = 0
         for subcat in subcategories:
             sub_title = subcat["name"]
 
@@ -1512,17 +1753,17 @@ def generate_section_content(
                 # Special handling for "General" to keep anchors in sync with TOC
                 if sub_title == "General":
                     if general_map is not None:
-                        sub_anchor = general_map.get((category_name, sub_title), "general-")
+                        sub_anchor = general_map.get((category_id, sub_title), "general-")
                     else:
-                        if general_counter == 0:
-                            sub_anchor = "general-"
-                        else:
-                            sub_anchor = f"general--{general_counter}"
-                        general_counter += 1
+                        sub_anchor = f"{category_id}-general"
                 else:
                     sub_anchor = f"{sub_anchor}-"
 
-                sub_anchor_id = sub_anchor if sub_anchor.endswith("-") else f"{sub_anchor}-"
+                # For "General" we keep the anchor as-is (no trailing dash)
+                if sub_title == "General":
+                    sub_anchor_id = sub_anchor
+                else:
+                    sub_anchor_id = sub_anchor if sub_anchor.endswith("-") else f"{sub_anchor}-"
 
                 # Create SVG file for this subsection
                 safe_filename = sanitize_filename_from_anchor(sub_anchor)
@@ -1628,6 +1869,14 @@ def generate_readme_from_templates(csv_path, template_dir, output_path):
     template = load_template(template_path)
     overrides = load_overrides(template_dir)
     announcements = load_announcements(template_dir)
+    categories = category_manager.get_categories_for_readme()
+
+    # Optional: regenerate/normalize TOC row assets when explicitly requested
+    if os.getenv("REGEN_TOC_ASSETS"):
+        regenerate_main_toc_svgs(categories, assets_dir)
+        regenerate_sub_toc_svgs(categories, assets_dir)
+        regenerate_toc_header(assets_dir)
+        normalize_toc_svgs(assets_dir)
 
     # Load CSV data
     csv_data = []
@@ -1639,8 +1888,6 @@ def generate_readme_from_templates(csv_path, template_dir, output_path):
             if row["Active"].upper() == "TRUE":
                 csv_data.append(row)
 
-    categories = category_manager.get_categories_for_readme()
-
     # Precompute consistent anchors for repeated "General" subcategories
     general_anchor_map = build_general_anchor_map(categories, csv_data)
 
diff --git a/templates/README.template.md b/templates/README.template.md
index b0bf38e8..cd7c898d 100644
--- a/templates/README.template.md
+++ b/templates/README.template.md
@@ -88,7 +88,7 @@
 </a>
 </td>
 <td align="center">
-<a href="#workflows--knowledge-guides-">
+<a href="#workflows-knowledge-guides-">
 <picture>
   <source media="(prefers-color-scheme: dark)" srcset="assets/card-workflows.svg">
   <source media="(prefers-color-scheme: light)" srcset="assets/card-workflows-light-anim-lineprint.svg">
@@ -97,7 +97,7 @@
 </a>
 </td>
 <td align="center">
-<a href="#tooling--">
+<a href="#tooling-">
 <picture>
   <source media="(prefers-color-scheme: dark)" srcset="assets/card-tooling.svg">
   <source media="(prefers-color-scheme: light)" srcset="assets/card-tooling-light-anim-lineprint.svg">
@@ -155,7 +155,7 @@
 </a>
 </td>
 <td align="center">
-<a href="#official-documentation--">
+<a href="#official-documentation-">
 <picture>
   <source media="(prefers-color-scheme: dark)" srcset="assets/card-docs.svg">
   <source media="(prefers-color-scheme: light)" srcset="assets/card-docs-light-anim-lineprint.svg">
@@ -174,7 +174,7 @@
 
 <br>
 
-<div align="center">
+<div align="left">
 
 {{TABLE_OF_CONTENTS}}