site-architecture

Plan website hierarchies, navigation, URL structures, and internal linking.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Helps teams plan and restructure website page hierarchies, navigation, URL patterns, and internal linking so sites are easier for users to navigate and better optimized for search engines.

Core Features & Use Cases

  • Page hierarchy planning: Create ASCII tree hierarchies and depth recommendations (flat vs deep) for SaaS, content, e-commerce, docs, and hybrid sites.
  • Navigation and breadcrumb design: Header, footer, sidebar, breadcrumb specs, and rules for mobile and mega menus.
  • URL structure & redirects: Human-readable URL patterns, trailing slash policy, redirect guidance for restructures, and SEO considerations.
  • Visual sitemaps & templates: Produce Mermaid graphs for designers and stakeholders, plus hub-and-spoke internal linking strategies for programmatic sections.
  • Use Case: Audit a messy 50+ page site, produce a before/after hierarchy, recommend redirects and nav changes, and generate deliverables for engineering and design.

Quick Start

Create a site architecture plan by reading any product-marketing-context.md, then produce an ASCII page hierarchy, a Mermaid visual sitemap, a URL map table, a navigation spec, and an internal linking plan.

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 page hierarchy and URL structure for SEO?

To plan website page hierarchy and URL structure for SEO, you create depth recommendations, human-readable URL patterns, and ASCII tree hierarchies. This organizes content logically so search engines and users can navigate pages efficiently.

What is the best way to design header, footer, and breadcrumb navigation specs?

Designing header, footer, and breadcrumb navigation specs involves defining rules for mobile and mega menus alongside sidebar structures. This creates intuitive navigation paths that align with the overall site architecture and user expectations.

Can I generate visual sitemaps and internal linking plans for a SaaS marketing site?

Yes, you can generate visual sitemaps and internal linking plans for a SaaS marketing site. The process produces Mermaid graphs for stakeholders and hub-and-spoke linking strategies to connect programmatic content sections effectively.

How do I audit a messy site restructure and recommend redirects?

Auditing a messy site restructure involves comparing before and after page hierarchies, then recommending redirects and navigation changes. This produces actionable URL map tables and deliverables for engineering and design teams.

Does this site architecture approach work for documentation hubs and e-commerce sites?

Yes, this site architecture approach works for documentation hubs and e-commerce sites. It supports planning flat versus deep page hierarchies, URL patterns, and internal linking strategies tailored to hybrid and complex site structures.