site-architecture

Design website page hierarchy, navigation, URL structure, and internal linking with ASCII trees and Mermaid diagrams.

1|Updated Mar 4, 2026
One-click install
npx skills add https://github.com/sanandnarayan/marketingskills --skill site-architecture-sanandnarayan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/sanandnarayan/marketingskills/tree/main/skills/site-architecture
Command: npx skills add https://github.com/sanandnarayan/marketingskills --skill site-architecture-sanandnarayan

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps users plan, map, and restructure their website's information architecture, ensuring it's intuitive for visitors and optimized for search engines.

Core Features & Use Cases

  • Page Hierarchy Planning: Define clear parent-child relationships for all site pages.
  • Navigation Design: Create user-friendly header, footer, and sidebar navigation systems.
  • URL Structure Optimization: Develop clean, readable, and SEO-friendly URL patterns.
  • Internal Linking Strategy: Plan how pages will link to each other to improve SEO and user flow.
  • Use Case: A startup launching a new SaaS product needs to define its website structure, from the homepage down to feature pages, blog posts, and documentation, ensuring users can easily find information and search engines can crawl the site effectively.

Quick Start

Generate a site architecture plan for a new SaaS marketing website, focusing on a clear page hierarchy and navigation structure.

Frequently Asked Questions about site-architecture

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

FAQPage Schema
How do I plan website architecture for a new SaaS marketing site?

Plan website architecture by defining clear parent-child page hierarchies, designing user-friendly navigation systems, optimizing URL structures, and mapping internal linking strategies. It supports SaaS marketing, content, e-commerce, and documentation site types using visual ASCII trees and Mermaid diagrams.

What's the best way to design an SEO-friendly URL structure and internal linking strategy?

Design an SEO-friendly URL structure by creating clean, readable patterns that reflect page hierarchy. Pair this with a planned internal linking strategy to improve user flow and search engine crawlability across your website.

How does page hierarchy planning work for content and e-commerce sites?

Page hierarchy planning works by establishing clear parent-child relationships for all site pages, ensuring visitors can intuitively navigate content and product categories. It outputs detailed specifications and visual diagrams for implementation.

Can I use this to create navigation design systems for different site types?

Yes, you can create navigation design systems for various site types including SaaS, e-commerce, content, and documentation sites. It generates user-friendly header, footer, and sidebar navigation structures based on your defined page hierarchy.

What visual formats are used for mapping information architecture?

Information architecture is visualized using ASCII trees and Mermaid diagrams. These formats map page hierarchies and navigation structures, providing detailed specifications for developers to implement the website plan.