site-architecture

Plan website information architecture, navigation, URL hierarchy, and internal linking.

Updated Apr 4, 2026
One-click install
npx skills add https://github.com/azeemdigital/Claude-skills --skill site-architecture-azeemdigital
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/azeemdigital/Claude-skills/tree/main/skills/site-architecture
Command: npx skills add https://github.com/azeemdigital/Claude-skills --skill site-architecture-azeemdigital

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you plan or restructure a website so people can find the right pages quickly and search engines can understand how the site is organized. It is useful when navigation feels messy, page hierarchy is unclear, URLs are inconsistent, or important content is buried too deep.

Core Features & Use Cases

  • Page hierarchy planning: Builds clear site structures for SaaS, content, e-commerce, documentation, hybrid, and small business websites.
  • Navigation and URL design: Recommends header, footer, sidebar, breadcrumb, and URL patterns that improve findability and consistency.
  • Visual sitemap and internal linking: Produces ASCII trees, Mermaid diagrams, URL maps, and hub-and-spoke linking plans for teams designing or reorganizing websites.
  • Use case: If your company is launching a new marketing site with feature pages, a blog, integrations, and comparison pages, this Skill can map the full structure, define clean URLs, and specify how each section should connect.

Quick Start

Ask the site-architecture skill to create a sitemap, URL structure, navigation spec, and internal linking plan for your website based on your site type, key pages, and audience.

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 website information architecture that scales for new sections?

Plan website information architecture by building a flat but scalable page hierarchy, ensuring 3-click access to important pages. Use hub-and-spoke internal linking to connect scaled sections like integrations or comparison pages without burying content deep.

What is the best way to structure URLs for SEO and user navigation?

The best way to structure URLs is to implement consistent, human-readable URL patterns that reflect your site's page hierarchy. This URL structure improves search engine crawlability and helps users understand their location within your site's navigation flow.

How do I create a visual sitemap for a new website launch?

Create a visual sitemap by generating Mermaid diagrams or ASCII trees that map your site's page hierarchy and navigation flow. This visual output helps teams plan user journeys and align marketing and SEO goals before development begins.

Can I use this to restructure a disorganized site with messy navigation?

Yes, you can restructure disorganized sites by remapping the page hierarchy, redesigning header and footer navigation, and implementing breadcrumb design. This resolves unclear page hierarchy and inconsistent URLs that make important content hard to find.

How does internal linking improve site architecture and search visibility?

Internal linking improves site architecture by creating cross-linking plans that align with SEO goals, distributing page authority across hub and spoke pages. This strengthens search visibility by clearly signaling topical relationships between pages.

Do I need a specific platform to map my site hierarchy and breadcrumbs?

No specific platform is needed to map site hierarchy and design breadcrumbs. The process outputs platform-agnostic navigation specs, URL maps, and Mermaid sitemap diagrams that can be applied to any SaaS, e-commerce, or hybrid website.