site-architecture

Design website hierarchies, URL patterns, navigation, and internal linking strategies.

10|5|Updated Apr 10, 2026
One-click install
npx skills add https://github.com/rajitsaha/100x-dev --skill site-architecture-rajitsaha
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/rajitsaha/100x-dev/tree/main/modules/site-architecture
Command: npx skills add https://github.com/rajitsaha/100x-dev --skill site-architecture-rajitsaha

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps website owners and developers design clear, efficient page hierarchies and navigation structures that enhance usability and search engine ranking.

Core Features & Use Cases

  • Website Planning: Create detailed site maps, including hierarchy levels, URL patterns, and navigation zones.
  • Design Optimization: Apply best practices like the 3-click rule, flat vs. deep structure, and breadcrumb pathways.
  • Use Case: When launching a new marketing site or restructuring an existing one, use this Skill to generate a comprehensive site architecture plan, including ASCII trees and Mermaid diagrams for visualization.

Quick Start

Use the site-architecture skill to generate a hierarchical outline of your existing or planned website pages based on your input data.

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 that improves SEO and usability?

Plan your website structure by defining clear page hierarchies, URL patterns, and navigation zones. Applying best practices like the 3-click rule and flat architecture ensures both search engines and users can access content efficiently.

What is the best way to create a site map for a new SaaS or e-commerce website?

The best way to create a site map is to generate a hierarchical outline of your pages, supplemented with ASCII trees and Mermaid diagrams. This visualizes the architecture and ensures logical grouping for SaaS, e-commerce, or documentation platforms.

Can I use this approach to restructure an existing website's navigation and internal linking?

Yes, you can use this site architecture approach to restructure existing websites. It helps you redesign internal linking strategies and breadcrumb pathways, ensuring your updated navigation aligns with current SEO and usability standards.

Does flat vs deep site architecture matter for search engine ranking?

Flat vs deep site architecture directly impacts search engine ranking by influencing crawl depth. A flatter structure minimizes click depth, allowing search bots to discover pages faster and distribute page authority more effectively across your domain.

How do I design internal linking strategies for a documentation platform?

Design internal linking strategies by mapping hierarchical relationships and utilizing breadcrumb pathways. For documentation platforms, this creates contextual connections between related articles, enhancing user navigation and topical authority signals.

Related Skills