site-architecture

Plan website hierarchies, navigation, and URL patterns with ASCII and Mermaid sitemaps.

14|1|Updated Mar 21, 2026
One-click install
npx skills add https://github.com/victoriapinder/gh-repo-clone-coreyhaines31-marketingskills --skill site-architecture-victoriapinder
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/victoriapinder/gh-repo-clone-coreyhaines31-marketingskills/tree/main/skills/site-architecture
Command: npx skills add https://github.com/victoriapinder/gh-repo-clone-coreyhaines31-marketingskills --skill site-architecture-victoriapinder

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This guide helps teams plan and optimize website structure—page hierarchy, navigation, URL patterns, and internal linking—so users can navigate intuitively and search engines index effectively.

Core Features & Use Cases

  • Information architecture planning for SaaS marketing sites, blogs, and hybrid products.
  • Page hierarchy & navigation design to enable a 3-click access to key pages.
  • URL structure & breadcrumbs guidance to reflect site hierarchy and aid SEO.
  • Internal linking strategy to improve content discovery and hub-spoke relationships.

Quick Start

Describe your product context and goals and I will output an ASCII site hierarchy and a Mermaid visual sitemap.

Frequently Asked Questions about site-architecture

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

FAQPage Schema
How do I plan a flat website hierarchy for a SaaS marketing site?

To plan a flat website hierarchy for a SaaS marketing site, define a 2-3 level page structure with clear hubs and breadcrumbs. This ensures intuitive navigation and effective search engine indexing through organized URL patterns.

What's the best way to visualize a sitemap using Mermaid and ASCII formats?

Generating a sitemap using Mermaid and ASCII formats visually maps out page hierarchies and navigation paths. This approach translates complex site structures into readable diagrams for planning and team alignment.

How do I design an internal linking strategy for a content blog?

An internal linking strategy for a content blog connects related pages through hub-spoke relationships. This improves content discovery by establishing clear topical connections between pages within the URL structure.

Can I use this information architecture planning approach for hybrid sites?

Yes, information architecture planning applies to hybrid sites by supporting a flat 2-3 level hierarchy. It accommodates mixed content types through structured URL patterns and navigation design that maintain consistent access paths.

Why does URL structure matter for SEO and site navigation design?

URL structure matters for SEO because it reflects the underlying site hierarchy and enables logical breadcrumb navigation. Structured URLs help search engines understand page relationships and improve user orientation.

How do I generate a structured URL map that reflects page hierarchy?

To generate a structured URL map, design URL patterns that mirror the hierarchical page structure and breadcrumbs. This creates a consistent mapping that aligns navigation design with SEO indexing requirements.