site-architecture

Plan site hierarchies, navigation, and URL patterns with ASCII and Mermaid sitemaps.

Updated May 24, 2026
One-click install
npx skills add https://github.com/yonetim258852/ozgur-os --skill site-architecture-yonetim258852
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/yonetim258852/ozgur-os/tree/main/.agents/skills/site-architecture
Command: npx skills add https://github.com/yonetim258852/ozgur-os --skill site-architecture-yonetim258852

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps product teams and information architects design intuitive page hierarchies, clear navigation, and scalable URL structures to improve findability and user experience.

Core Features & Use Cases

  • Page hierarchy planning: craft logical, scalable structures that align with user goals and business priorities.
  • Navigation & URL design: define intuitive primary and secondary navigation, breadcrumbs, and human-readable URLs.
  • Internal linking strategy: establish hub-and-spoke patterns and contextually linked pages to boost discoverability.
  • Use Case: when restructuring a marketing site, generate an ASCII sitemap and Mermaid diagram that reflect a flat-to-moderate depth with clear parent-child relationships.

Quick Start

Create an initial ASCII site hierarchy for the homepage and core sections based on the user's goals.

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 scalable site structure with clear navigation and URL patterns?

Plan site architecture by defining a clear page hierarchy, primary and secondary navigation, and breadcrumb-consistent URLs. This establishes intuitive findability and a scalable structure aligned with user goals and business priorities across your website.

What is the 3-click rule in website navigation design?

The 3-click rule in website navigation design ensures users can reach any target page within three clicks from the homepage. Applying this rule alongside flat-to-moderate depth guarantees easy navigation and SEO-friendly internal linking across your site.

How do I generate an ASCII sitemap and Mermaid visual diagram for a marketing site?

Generate an ASCII site hierarchy and Mermaid visual sitemap by documenting your target website's page structure. These deliverables visually map clear parent-child relationships and flat-to-moderate depth for restructuring marketing sites and improving user experience.

How do I design an internal linking strategy for better SEO and findability?

Design an internal linking strategy by establishing hub-and-spoke patterns and contextually linked pages. This internal linking plan boosts content discoverability, improves findability, and reinforces the URL structure and page hierarchy for SEO performance.

Can I use this site architecture approach for complex sections like Docs and Integrations?

Yes, this site architecture approach scales for complex sections like Docs and Integrations. By applying breadcrumb-consistent URLs and a flat-to-moderate depth, you maintain clear navigation and findability across diverse core sections of your target website.