site-architecture

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you plan, map, and restructure your website's page hierarchy, navigation, URL structure, and internal linking to ensure it's intuitive for users and optimized for search engines.

Core Features & Use Cases

  • Page Hierarchy Design: Create clear, logical structures for any website type (SaaS, e-commerce, content, docs).
  • Navigation Planning: Design intuitive header, footer, and sidebar navigation systems.
  • URL Structure Optimization: Define clean, readable, and SEO-friendly URL patterns.
  • Internal Linking Strategy: Develop a plan to connect content effectively and improve discoverability.
  • Use Case: You're launching a new SaaS product and need to define how users will navigate through features, pricing, documentation, and blog content. This Skill will generate a visual sitemap, URL map, and navigation specification.

Quick Start

Use the site-architecture skill to plan the page hierarchy and navigation for a new e-commerce website.

Frequently Asked Questions about site-architecture

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I map my website's page hierarchy and navigation system?

To map your website's page hierarchy, you can design logical structures using visual sitemaps, ASCII trees, and navigation specifications. This process defines the exact page relationships, URL structures, and header or footer navigation systems needed for intuitive user flow.

What is the best way to plan URL structure for a new SaaS platform?

Planning URL structure for a SaaS platform involves defining clean, readable, and SEO-friendly URL patterns that align with your page hierarchy. This ensures features, pricing, documentation, and blog content are logically categorized and easily discoverable by search engines.

How do I design an internal linking strategy for an e-commerce site?

Designing an internal linking strategy for an e-commerce site connects your content effectively to improve product discoverability. It requires mapping your page hierarchy to ensure related categories and items are logically linked, supporting both user navigation and SEO.

Can I restructure an existing website's information architecture without losing SEO?

Restructuring an existing website's information architecture involves redesigning the page hierarchy and URL structures while maintaining SEO. You can map new navigation systems and internal linking plans to ensure content remains intuitive for users and optimized for search engines.

Does website planning for site architecture support content platforms and documentation?

Yes, website planning for site architecture supports various site types including content platforms and documentation. It designs clear, logical page hierarchies and navigation systems specifically tailored to how users browse articles, docs, and help content.