site-architecture

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

2|Updated Jun 28, 2026
One-click install
npx skills add https://github.com/AureliusIvan/ai-geo-by-ivan --skill site-architecture-aureliusivan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/AureliusIvan/ai-geo-by-ivan/tree/main/skills/site-architecture
Command: npx skills add https://github.com/AureliusIvan/ai-geo-by-ivan --skill site-architecture-aureliusivan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill solves the complexity of planning website hierarchies, navigation, and URL structures, ensuring your site is both user-friendly and search-engine optimized.

Core Features & Use Cases

  • Hierarchy Planning: Design logical page trees using ASCII or Mermaid diagrams to ensure a 3-click user journey.
  • Navigation Design: Create effective header, footer, and sidebar navigation patterns that reduce decision paralysis.
  • URL Strategy: Define clean, consistent, and human-readable URL patterns that support SEO and site scalability.
  • Use Case: Use this when restructuring a growing SaaS site to organize features, integrations, and blog content into a cohesive, crawlable architecture.

Quick Start

Use the site-architecture skill to generate a page hierarchy and navigation plan for a new e-commerce website with three main product categories.

Frequently Asked Questions about site-architecture

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

FAQPage Schema
How do I plan an SEO-friendly website hierarchy for a SaaS platform?

Plan an SEO-friendly website hierarchy by designing logical page trees that ensure a 3-click user journey. This organizes SaaS features, integrations, and blog content into a cohesive, crawlable architecture using visual sitemaps and clean URL patterns.

What's the best way to structure URLs for e-commerce site scalability?

Structure URLs for e-commerce scalability by defining clean, consistent, and human-readable URL patterns. A well-planned URL strategy supports SEO and site expansion by keeping product category paths logical and easily crawlable.

How does navigation design reduce decision paralysis for site visitors?

Navigation design reduces decision paralysis by creating effective header, footer, and sidebar navigation patterns. Organizing page hierarchies intuitively ensures users find information without feeling overwhelmed by choices.

When do I need to restructure my website's information architecture?

You need to restructure your website's information architecture when your growing SaaS or content-heavy platform requires a cohesive, crawlable layout. Restructuring organizes expanding features and content into a logical 3-click hierarchy.

Can I generate visual sitemaps using ASCII or Mermaid diagrams for website planning?

Yes, you can generate visual sitemaps using ASCII or Mermaid diagrams for website planning. Designing page hierarchies with these diagrams ensures your site architecture supports an intuitive 3-click user journey.

How do I implement breadcrumbs into a new site architecture plan?

Implement breadcrumbs by defining a clear page hierarchy and URL structure during site planning. Breadcrumb implementation relies on this logical information architecture to show users their location within the site tree.