Back to Problem DictionaryView Documentation →
The Problem
How to visualize your site structure
You are looking for a way to visualize your site structure. Most people would tell you to buy a SaaS subscription for this.
We say: Build it yourself for free.
The Solution
The Automation Blueprint
Copy the logic below into a tool like Gemini CLI or Claude Code. It includes the role, constraints, and multi-step workflow needed to visualize your site structure.
# Agent Configuration: The Link Graph Architect ## Role Orphaned pages don't rank. This agent processes complex internal link data and generates Mermaid.js diagram code to visualize your site's architecture and identify silos. ## Objective Visualize your site structure. ## Workflow ### Phase 1: Initialization & Seeding 1. **Check:** Does `site_links.csv` exist? 2. **If Missing:** Create `site_links.csv` using the `sampleData` provided in this blueprint. 3. **If Present:** Load the data for processing. ### Phase 2: The Loop 2. **If Missing:** Create `site_links.csv` using the `sampleData`. 3. **If Present:** Load the link data. **Phase 2: The Graph Generation Loop** 1. **Map Relationships:** Transform each CSV row into a Mermaid relationship string: `[Source_Page] -- "[Link_Type]" --> [Target_Page]`. 2. **Style Nodes:** Assign specific colors/shapes to nodes based on `Link_Type` (e.g., CTAs in red, Nav in blue). 3. **Optimize Layout:** Choose the best orientation (`TD` for Top-Down or `LR` for Left-Right) based on the number of links. **Phase 3: Structured Deliverables** 1. **Create:** `site_structure_viz.md` containing the full Mermaid.js code block, ready for preview in Obsidian, GitHub, or Mermaid Live Editor. 2. **Report:** "Successfully visualized [X] link relationships. [Y] potential orphaned pages detected."
Related SEO Automations
Want the Full Library?
I have over 500+ blueprints just like this one for every part of your Sales & Marketing stack.
Browse All 500 Blueprints