site-architecture

Plan website information architecture with page hierarchy and navigation specs.

Updated Mar 29, 2025
One-click install
npx skills add https://github.com/ketzal88/gym-counter --skill site-architecture-ketzal88
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/ketzal88/gym-counter/tree/main/.agents/skills/site-architecture
Command: npx skills add https://github.com/ketzal88/gym-counter --skill site-architecture-ketzal88

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This IA planning skill helps teams design a clear, scalable website structure by outlining page hierarchy, navigation, URL patterns, and internal linking to improve user experience and search engine visibility.

Core Features & Use Cases

  • Page hierarchy planning: define a logical tree from homepage to subpages that supports the 3-click rule.
  • Navigation design guidance: structure header, footer, and sidebar navigation for intuitive access.
  • URL pattern and breadcrumbs: propose readable, consistent URLs and breadcrumb schemas that reflect the site structure.
  • Output artifacts: ASCII trees and Mermaid diagrams plus a ready-to-implement URL map and navigation spec.
  • Use cases: ideal for SaaS marketing sites, documentation portals, or hybrid product/content sites undergoing restructuring.

Quick Start

Describe your site's goals and audience, and I will generate a complete IA plan with hierarchy, navigation, and URL patterns.

Frequently Asked Questions about site-architecture

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

FAQPage Schema
What is information architecture planning for a website?

Information architecture planning defines a website's page hierarchy, navigation zones, and URL patterns to optimize user experience and search visibility. It structures content logically from homepage to subpages, ensuring scalable and intuitive access across SaaS or documentation sites.

How do I design a site structure that follows the 3-click rule?

To design a site structure following the 3-click rule, outline a logical page hierarchy tree from the homepage to subpages. Validate that users can reach any target page within three clicks by structuring header, footer, and sidebar navigation zones for intuitive access.

What's the best way to map URL patterns and breadcrumbs for a SaaS marketing site?

Mapping URL patterns and breadcrumbs for a SaaS site requires proposing readable, consistent URLs that reflect the page hierarchy. Generate a structured URL map alongside breadcrumb schemas to align site structure with navigation design and internal linking plans.

Can I generate visual sitemaps and internal linking plans for documentation portals?

Yes, you can generate visual sitemaps for documentation portals by creating ASCII trees and Mermaid diagrams. These visualizations output alongside structured internal linking plans and navigation specs to validate the site architecture and page hierarchy.

Does this site architecture approach work for hybrid product and content sites?

Yes, this site architecture approach works for hybrid product and content sites undergoing restructuring. It validates scalable information architecture by detailing URL structures, breadcrumb schemas, and internal links tailored for hybrid content projects.