site-architecture

Plan website hierarchies, navigation, URL structures, and internal linking.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/benjaminfauchald/Tracklister --skill site-architecture-benjaminfauchald
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/benjaminfauchald/Tracklister/tree/main/.claude/skills/site-architecture
Command: npx skills add https://github.com/benjaminfauchald/Tracklister --skill site-architecture-benjaminfauchald

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps teams plan and restructure website page hierarchies, navigation, URL patterns, and internal linking so users can find content easily and search engines can index it effectively.

Core Features & Use Cases

  • Page Hierarchy Planning: Templates and guidance for flat vs deep hierarchies and the 3-click rule.
  • Navigation Design: Header, footer, sidebar, breadcrumb, and mega-menu recommendations with ordering and CTA placement.
  • URL & Breadcrumb Strategy: Readable URL patterns, trailing slash policy, hyphenation rules, and breadcrumb-schema guidance.
  • Visual Sitemaps & Deliverables: ASCII trees, Mermaid diagrams, URL maps, navigation specs, and internal linking plans for hub-and-spoke models.
  • Use Cases: New SaaS marketing sites, large documentation portals, content sites with programmatic SEO pages, and navigation cleanups during site restructures.

Quick Start

Use site-architecture to produce an ASCII page hierarchy, Mermaid visual sitemap, URL map, and navigation spec for your site given its type and primary pages.

Frequently Asked Questions about site-architecture

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

FAQPage Schema
How do I design a visual sitemap for a new SaaS marketing site?

Design a visual sitemap by mapping page hierarchies using ASCII trees and Mermaid diagrams to plan navigation zones, URL structures, and internal linking. This produces deliverables like URL maps and navigation specs that ensure findability and SEO indexing.

What is the 3-click rule in website navigation design?

The 3-click rule in navigation design ensures users reach any page within three clicks from the homepage. Apply it by balancing flat versus deep page hierarchies to improve content findability and search engine indexing.

How do I structure readable URL patterns and breadcrumb schemas?

Structure readable URL patterns by applying hyphenation rules, consistent trailing slash policies, and logical naming conventions. Pair these with breadcrumb-schema guidance to help search engines understand page relationships and improve indexing.

Can I use this site architecture approach for large documentation portals and e-commerce sites?

Yes, this site architecture approach supports large documentation portals, e-commerce sites, content blogs, and hybrid sites. It adapts page hierarchy planning, hub-and-spoke content clusters, and navigation specs across various site types.

What's the best way to plan internal linking for hub-and-spoke content clusters?

Plan internal linking for hub-and-spoke clusters by mapping central topic pages to supporting spokes through strategic cross-links. Generate internal linking plans alongside visual sitemaps and URL maps to distribute authority and improve topical SEO.

When should I restructure site navigation and page hierarchies during a site migration?

Restructure site navigation and page hierarchies during migrations when content findability drops or URL structures become unreadable. Clean up navigation zones, apply the 3-click rule, and update internal linking to preserve SEO equity.