site-architecture

Plan website page hierarchies, navigation, and URL structures with ASCII trees and Mermaid sitemaps.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Plan and structure a website's page hierarchy, navigation, and URL patterns to ensure an intuitive user experience and strong search performance.

Core Features & Use Cases

  • Visualize hierarchies with ASCII trees and Mermaid sitemaps.
  • Propose human-friendly URL structures, breadcrumbs, and internal linking strategies.
  • Support site-type templates and a hub-and-spoke model for scalable architecture across SaaS, content, and hybrid sites.

Quick Start

Provide your current site goals and a list of pages to generate the initial ASCII site hierarchy.

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 hierarchy and navigation structure?

To plan a website hierarchy, organize your page hierarchy, navigation, and URL structure to maximize findability and usability. You can generate an initial ASCII site tree by providing your current site goals and a list of pages.

What is the best way to visualize a sitemap for internal linking?

Visualizing a sitemap is best done using Mermaid visual sitemaps and ASCII site trees. These visualizations help you establish a hub-and-spoke model and ensure your internal-linking plan follows 3-click guidance for users.

Can I use site architecture planning for restructuring an existing SaaS marketing site?

Yes, site architecture planning supports SaaS marketing sites, content-driven sites, or hybrids. It applies equally to planning new architectures or restructuring existing ones to improve URL structure and navigation design.

How do I create a URL structure and navigation spec?

You create a URL structure and navigation spec by defining human-friendly URL patterns and breadcrumbs based on your site goals. The process outputs a comprehensive URL map, a navigation spec, and an internal-linking plan.

When do I need to use a hub-and-spoke model for information architecture?

You need a hub-and-spoke model for information architecture when building scalable site architectures across SaaS, content, or hybrid sites. It helps organize page hierarchy and internal linking to maximize findability and usability.