site-architecture

Plan website page hierarchies, navigation structures, URL patterns, and internal linking strategies.

Updated Aug 6, 2026
One-click install
npx skills add https://github.com/ferrarifankid04/ai-skills-public --skill site-architecture-ferrarifankid04
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/ferrarifankid04/ai-skills-public/tree/main/claude-code/skills/site-architecture
Command: npx skills add https://github.com/ferrarifankid04/ai-skills-public --skill site-architecture-ferrarifankid04

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Planning or restructuring a website's information architecture is difficult: pages get buried, navigation becomes cluttered, URLs grow inconsistent, and internal linking is neglected. This Skill provides a structured methodology for designing page hierarchies, navigation systems, URL structures, and internal linking plans that work for both users and search engines. ## Core Features & Use Cases - Page Hierarchy Design: Apply the 3-click rule and flat-vs-deep tradeoffs to build ASCII tree sitemaps, with ready-made templates for SaaS, blog, e-commerce, documentation, hybrid, and small business sites. - Navigation & URL Specification: Define header nav (4-7 items), footer columns, breadcrumbs, and consistent URL patterns, with Mermaid diagram templates for visual sitemaps shareable with design teams. - Internal Linking Strategy: Implement hub-and-spoke content models, orphan page audits, and cross-section linking plans. - Use Case: A SaaS company adding 200 programmatic integration pages and 50 comparison pages asks how they fit into the site. The Skill recommends hub pages (/integrations, /compare), keeps them out of the main nav, applies hub-and-spoke linking, and addresses crawl budget concerns. ## Quick Start Ask the assistant to plan the site architecture for your website, describing your site type, main sections, and whether it is a new build or a restructure.

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 site structure and page hierarchy?

Start with a content inventory and business goals, then apply the 3-click rule so important pages stay within three levels of the homepage. Group pages into logical parent-child sections, document the result as an ASCII tree, and validate that navigation stays under 4-7 header items.

What URL structure should I use for blog posts and feature pages?

Use short, readable, lowercase paths with hyphens that mirror the hierarchy, such as /blog/post-slug and /features/feature-name. Avoid dates, IDs, query parameters, and deep nesting, and enforce a consistent trailing slash policy with 301 redirects for any changed URLs.

How do I create a visual sitemap to share with my design team?

Use Mermaid graph TD diagrams to render page hierarchies visually, with subgraphs marking header and footer navigation zones. The references include copy-paste templates for basic hierarchies, hub-and-spoke models, before/after restructures, and color-coded page status.

Does this skill fix XML sitemaps and crawl errors?

No. XML sitemaps, crawl errors, and indexation issues are technical SEO tasks handled by the seo-audit skill. This skill covers information architecture design: page hierarchy, navigation, URL patterns, and internal linking.

How should programmatic SEO pages fit into site architecture?

Place scaled page sets like integrations or comparisons under dedicated hub pages such as /integrations and /compare, keeping them out of the main navigation. Apply hub-and-spoke internal linking where each spoke links back to its hub, and account for crawl budget when adding hundreds of pages.