site-architecture

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

Updated Feb 21, 2026
One-click install
npx skills add https://github.com/Nurdiansyah0/nurdiansyahlabs-react --skill site-architecture-nurdiansyah0
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/Nurdiansyah0/nurdiansyahlabs-react/tree/main/.agents/skills/site-architecture
Command: npx skills add https://github.com/Nurdiansyah0/nurdiansyahlabs-react --skill site-architecture-nurdiansyah0

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 pile up, navigation becomes cluttered, URLs grow inconsistent, and important content gets buried. This Skill provides a structured methodology for designing page hierarchies, navigation systems, URL patterns, and internal linking so sites are intuitive for users and optimized for search engines. ## Core Features & Use Cases - Page Hierarchy Design: Applies the 3-click rule and flat-vs-deep principles to produce ASCII tree structures and Mermaid visual sitemaps for any site type (SaaS, blog, e-commerce, docs, small business). - URL & Navigation Specification: Generates URL maps with consistent patterns, header/footer navigation specs, breadcrumb formats, and mobile navigation guidance. - Internal Linking Strategy: Designs hub-and-spoke content models, cross-section linking, and orphan page audits for restructuring projects. - Use Case: A SaaS company adding 200 programmatic integration pages asks how they fit into the site. The Skill recommends hub pages at /integrations, keeps them out of the main nav, applies hub-and-spoke linking, and delivers a full URL map and navigation spec. ## 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 by identifying your site type, business goals, and content inventory, then apply the 3-click rule so important pages stay within three levels of the homepage. Output the result as an ASCII tree with URLs at each node, plus a Mermaid visual sitemap for sharing with stakeholders.

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 many items should be in a website header navigation?▼

Keep header navigation to 4-7 items maximum, ordered by priority, with the logo linking home on the left and a CTA button rightmost. If sections grow larger, group pages into dropdowns or mega menus limited to 3-4 columns.

Does this skill fix XML sitemaps and crawl errors?▼

No. XML sitemaps, crawl errors, and indexation issues are technical SEO tasks handled by a dedicated 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 pages under hub pages such as /integrations or /compare, keep them out of the main navigation, and connect them with a hub-and-spoke internal linking model. Consider crawl budget impact when adding hundreds of pages at once.