site-architecture

Plans and optimizes website information architecture including page hierarchy, navigation, URL structure, and internal linking.

1.1k|396|Updated Mar 17, 2026
One-click install
npx skills add https://github.com/LeoYeAI/openclaw-marketing-skills --skill site-architecture-leoyeai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/LeoYeAI/openclaw-marketing-skills/tree/main/skills/site-architecture
Command: npx skills add https://github.com/LeoYeAI/openclaw-marketing-skills --skill site-architecture-leoyeai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Plan and optimize website information architecture, including page hierarchy, navigation, URL structure, and internal linking. Also use when the user mentions "sitemap," "site map," "visual sitemap," "site structure," "page hierarchy," "information architecture," "IA," "navigation design," "URL structure," "breadcrumbs," "internal linking strategy," "website planning," "what pages do I need," "how should I organize my site," or "site navigation." Use this whenever someone is planning what pages a website should have and how they connect. NOT for XML sitemaps (that's technical SEO — see seo-audit). For SEO audits, see seo-audit. For structured data, see schema-markup.

Core Features & Use Cases

  • Information architecture planning: define page hierarchies, nav structures, URL patterns, and internal linking.
  • Sitemap design & diagrams: produce ASCII tree and Mermaid visual sitemap outputs.
  • Use Case: restructure a SaaS marketing site to a shallow, navigable hierarchy, improving findability and conversions.

Quick Start

Draft a basic site hierarchy for a SaaS marketing site including Home, Features, Pricing, Blog, and Docs.

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 information architecture for a SaaS marketing site?

Plan website information architecture by defining page hierarchies, navigation structures, URL patterns, and internal linking. This optimizes SaaS marketing sites, content hubs, docs, and hybrid sites to improve findability and conversions.

What is the best way to design a visual sitemap with URL structure and breadcrumbs?

Design visual sitemaps using ASCII tree and Mermaid diagram outputs. This approach maps the URL structure and breadcrumbs, providing clear navigational patterns across homepages, sections, and deep pages.

How do I organize site navigation and page hierarchy for multiple content types?

Organize site navigation and page hierarchy by outlining distinct sections for homepages, content hubs, and documentation. This establishes clear information hierarchy and internal linking across hybrid sites.

Does this handle XML sitemaps for technical SEO audits?

No, this does not handle XML sitemaps or technical SEO audits. It focuses on planning website information architecture, page hierarchy, and navigation design rather than technical SEO or structured data.

When do I need to restructure a site's information hierarchy to improve findability?

Restructure a site's information hierarchy when planning what pages a website needs and how they connect. This is necessary to create a shallow, navigable hierarchy that improves user findability and conversions.