skills.rest
lionheartapp
lionheartappCOMMUNITY
Explore all skills by this author →
GitHub

site-architecture

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

Updated Feb 14, 2026
Search Tags:#mermaid#sitemap#information-architecture#internal-linking#site-architecture#navigation-design#url-structure
One-click install
npx skills add https://github.com/lionheartapp/lionheart-ops --skill site-architecture-lionheartapp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/lionheartapp/lionheart-ops/tree/main/.claude/skills/site-architecture
Command: npx skills add https://github.com/lionheartapp/lionheart-ops --skill site-architecture-lionheartapp

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Help teams plan and restructure website page hierarchies, navigation, URL patterns, and internal linking so users can find content quickly and search engines can crawl and rank pages effectively. The Skill synthesizes information architecture best practices, sitemap outputs, and URL conventions to replace ad-hoc or inconsistent site structure decisions.

Core Features & Use Cases

  • Page hierarchy planning: Create clear ASCII tree site maps showing levels (L0–L3+) and suggested parent/child relationships.
  • Visual sitemap generation: Produce Mermaid graph TD diagrams with nav zones (header, footer, sidebar) for presentations and stakeholder alignment.
  • URL and breadcrumb strategy: Recommend human-readable URL patterns, trailing slash policy, slug conventions, and breadcrumb-to-URL alignment for SEO and UX.
  • Navigation and internal linking plans: Define header/footer/sidebar specs, hub-and-spoke linking, and an internal linking audit checklist for migrations or site builds.
  • Use case examples: SaaS marketing sites, documentation portals, e-commerce catalogs, hybrid product+content sites, and small business sites where restructure, SEO, or scalability is required.

Quick Start

Provide your site type, list of top pages and any URLs that must be preserved, and ask for a proposed ASCII hierarchy plus a Mermaid sitemap and URL map.

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 visual sitemap for a new build?▼

Plan website page hierarchies by defining parent-child relationships and generating visual sitemaps. You can create clear ASCII tree site maps showing levels L0 to L3+ and Mermaid graph TD diagrams with nav zones for stakeholder alignment.

What is the best way to structure URLs and breadcrumbs for SEO and user experience?▼

Structure URLs and breadcrumbs by aligning human-readable URL patterns with breadcrumb schema. Establish trailing slash policies, slug conventions, and URL-to-breadcrumb alignment to improve search engine crawling and user navigation.

How do I design internal linking and navigation specs for a SaaS or e-commerce site?▼

Design internal linking and navigation specs by defining header, footer, and sidebar zones. Implement hub-and-spoke linking strategies and use an internal linking audit checklist for migrations or site builds to ensure intuitive user flows.

Can I generate a Mermaid visual sitemap for documentation portals and hybrid content sites?▼

Generate Mermaid visual sitemaps for documentation portals, hybrid product and content sites, and e-commerce catalogs. The sitemaps map out navigation zones and page priority to support scalability and SEO visibility.

When should I restructure an existing site architecture and what outputs do I need for migrations?▼

Restructure existing site architecture when scalability, SEO, or user flow issues arise. For migrations, produce URL maps, redirect plans, internal linking strategies, and breadcrumb schema to preserve search visibility and prevent broken links.

Related Skills

Explore More Design & Creative Skills→
MrAlexisCordMrAlexisCord

site-architecture

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

Community
Intermediate
lebongobenilebongobeni

site-architecture

Plan website architecture with page hierarchy, navigation, URL structure, and internal linking.

Community
Advanced
w95w95
145

seo-content-optimizer

Optimize website content with keyword research and on-page SEO tactics.

Community
Advanced
AureliusIvanAureliusIvan
2

site-architecture

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

Community
Intermediate