site-architecture

Plan website hierarchy, navigation, and URL patterns for sitemaps.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/ecomm360-sl/isaacbosch-emdash-web --skill site-architecture-ecomm360-sl
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/ecomm360-sl/isaacbosch-emdash-web/tree/main/.agents/skills/site-architecture
Command: npx skills add https://github.com/ecomm360-sl/isaacbosch-emdash-web --skill site-architecture-ecomm360-sl

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Planning and validating a scalable site architecture, including page hierarchy, navigation, and URL structure, to improve usability and SEO.

Core Features & Use Cases

  • Hierarchy design: define L0-L3 pages and parent-child relations
  • Navigation planning: header/footer/sidebar expectations
  • URL structure guidance: patterns and readability
  • Visual outputs: ASCII trees and Mermaid sitemaps
  • Redesign and audit guidance: before/after restructuring and redirects

Quick Start

Draft an initial ASCII site-hierarchy and propose a clean URL pattern for each major section.

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 website structure with intuitive page hierarchy and navigation?

Plan website structure by defining intuitive page hierarchy, navigation, and URL patterns to improve findability and information architecture. This ensures structured, human-friendly guidance for hierarchy depth, navigation rules, and URL design across marketing, product, and content sections.

What is the best way to design a clean URL structure for my sitemap?

Designing a clean URL structure involves proposing readable patterns for each major section of your sitemap. You can start by drafting an initial ASCII site-hierarchy to map parent-child relations and then apply consistent URL design rules to improve usability and SEO.

How do I define L0-L3 pages and parent-child relations for information architecture?

Defining L0-L3 pages and parent-child relations is achieved through hierarchy design. This process categorizes pages across marketing, product, and content sections to establish a scalable site architecture that enhances user findability and structured navigation.

Can I generate visual sitemaps and ASCII trees for site architecture planning?

Yes, you can generate visual outputs including ASCII trees and Mermaid sitemaps for site architecture planning. These visual representations help validate page hierarchy, navigation expectations, and internal linking structures before implementation.

How do I audit an existing site architecture and plan redesign redirects?

Audit existing site architecture by evaluating current page hierarchy and URL structure against IA best practices. Redesign guidance includes planning before and after restructuring, mapping internal linking, and defining necessary redirects to maintain SEO equity.