skills.rest
mia-ppp
mia-pppCOMMUNITY
Explore all skills by this author →
Website𝕏@mia_ppp_GitHub

site-architecture

Plan website page hierarchy, navigation, and URL structure with ASCII and Mermaid outputs.

Updated Aug 23, 2026
Search Tags:#mermaid#information-architecture#internal-linking#site-architecture#navigation-design#url-structure#visual-sitemap
One-click install
npx skills add https://github.com/mia-ppp/marketting-skillsv2 --skill site-architecture-mia-ppp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/mia-ppp/marketting-skillsv2/tree/main/skills/site-architecture
Command: npx skills add https://github.com/mia-ppp/marketting-skillsv2 --skill site-architecture-mia-ppp

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Planning and structuring a website's page hierarchy, navigation, and URL patterns to improve usability and SEO at scale.

Core Features & Use Cases

  • Information architecture planning: Define page hierarchies, navigation flows, and URL schemas that align with user tasks.
  • Internal linking strategy: Design hub-and-spoke relationships, breadcrumbs, and contextual links to improve findability.
  • Operational planning guidance: Provide ASCII and Mermaid outputs, and recommended patterns for 3-click depth, flat vs deep structures, and SEO-friendly URLs.
  • Use Case: Plan a new marketing site or restructure an existing site to improve navigation and findability.

Quick Start

Provide the site type and any product-marketing-context information to generate a full ASCII tree and Mermaid visual sitemap.

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's information architecture and page hierarchy at scale?▼

Plan website information architecture by defining page hierarchies, navigation flows, and URL schemas that align with user tasks. This process outputs an ASCII page hierarchy and a Mermaid visual sitemap to map flat versus deep structures.

What is the best way to design an internal linking strategy for findability?▼

Design an internal linking strategy by structuring hub-and-spoke relationships, breadcrumbs, and contextual links. This improves content findability and ensures users can navigate the site architecture efficiently within a 3-click depth.

How do I generate a visual sitemap using Mermaid for site restructuring?▼

Generate a visual sitemap by providing your site type and product-marketing-context to produce a Mermaid diagram. This visual sitemap outlines the page hierarchy and navigation flows needed for restructuring or initial site planning.

Can I use this approach to create SEO-friendly URL structures for a marketing site?▼

Yes, you can create SEO-friendly URL structures by applying recommended URL patterns during site planning. The process defines URL schemas that align with user tasks and support search engine optimization for marketing sites.

When do I need to map out flat versus deep site structures?▼

Map out flat versus deep site structures when planning a new marketing site or restructuring an existing one. This determines navigation depth, optimizes the 3-click accessibility rule, and improves overall page findability.

Related Skills

Explore More Marketing & Sales Skills→
marmikcfcmarmikcfc

campaign-brief-generator

Generate a structured marketing campaign brief from launch goal, ICP, and product context.

Community
Advanced
adihebbalaeadihebbalae
3

site-architecture

Plan website hierarchies and sitemaps using ASCII and Mermaid formatting.

Community
Advanced
vebeszvebesz

content-strategy

Analyze site, competitor, and search data to generate a prioritized content roadmap.

Community
Advanced
MrAlexisCordMrAlexisCord

site-architecture

Design website page hierarchies, navigation systems, and URL structures.

Community
Intermediate