skills.rest
chriswestt
chriswesttCOMMUNITY
Explore all skills by this author →
GitHub

site-architecture

Plan site architecture with ASCII hierarchy, Mermaid sitemap, and URL map.

Updated Apr 21, 2026
Search Tags:#navigation#sitemap#information-design#information-architecture#site-architecture#url-structure
One-click install
npx skills add https://github.com/chriswestt/claude-skills --skill site-architecture-chriswestt
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/chriswestt/claude-skills/tree/main/site-architecture
Command: npx skills add https://github.com/chriswestt/claude-skills --skill site-architecture-chriswestt

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The site-architecture Skill helps teams design clear page hierarchies, navigation systems, and URL patterns that improve findability and user flow across websites.

Core Features & Use Cases

  • Plan and map page hierarchies for SaaS, content, and hybrid sites.
  • Define navigation schemes (header, sidebar, breadcrumbs) and URL conventions to reduce depth and improve SEO.
  • Use cases include planning a new marketing site, restructuring an existing site, and designing IA for large content systems.

Quick Start

Plan a site inventory and draft an initial ASCII hierarchy of the main pages.

Frequently Asked Questions about site-architecture

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

FAQPage Schema
What is the best way to plan a website's information architecture and page hierarchy?▼

Information architecture planning involves defining a structured page hierarchy and navigation patterns. This reduces page depth and improves content findability across main sections like Home, Features, and Docs.

How do I document a sitemap and URL structure for a new marketing site?▼

To document a sitemap and URL structure, establish URL conventions and generate a visual sitemap. This produces a comprehensive deliverable including an ASCII page hierarchy, URL map, and navigation spec.

Can I design navigation systems and breadcrumbs for large content sites using this approach?▼

Yes, you can define navigation schemes including headers, sidebars, and breadcrumbs for large content sites. This approach scales to design information architecture for large content systems and hybrid SaaS platforms.

How do I create an internal linking plan alongside my site's URL conventions?▼

Create an internal linking plan by applying structured hierarchy and URL conventions across main sections. The resulting deliverable outlines constraints, best practices, and a specific internal linking strategy.

What visual formats are used to map site architecture and navigation patterns?▼

Site architecture and navigation patterns are mapped using ASCII page hierarchies and Mermaid visual sitemaps. These formats document the structured hierarchy and provide a comprehensive visual reference.

Related Skills

Explore More Design & Creative Skills→
bongrealtybongrealty
2

site-architecture

Design website page hierarchies, navigation systems, and URL patterns.

Community
Intermediate
scanbottscanbott

site-architecture

Plan website information architecture with page hierarchy, URL structure, and internal linking.

Community
Advanced
skyymar69-rgbskyymar69-rgb
1

site-architecture

Plan website page hierarchy, navigation, URL patterns, and internal linking.

Community
Advanced
Imd11Imd11
5

site-architecture

Plan and document website architectures with ASCII trees, Mermaid diagrams, and URL maps.

Community
Advanced