site-architecture

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

2|1|Updated Mar 13, 2026
One-click install
npx skills add https://github.com/bongrealty/skillcraft --skill site-architecture-bongrealty
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/bongrealty/skillcraft/tree/main/site-architecture
Command: npx skills add https://github.com/bongrealty/skillcraft --skill site-architecture-bongrealty

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps users plan, map, and restructure their website's page hierarchy, navigation, URL structure, and internal linking to improve user experience and search engine optimization.

Core Features & Use Cases

  • Hierarchy Design: Creates clear page structures (e.g., flat vs. deep) and visualizes them with ASCII trees or Mermaid diagrams.
  • Navigation Planning: Defines optimal header, footer, and sidebar navigation patterns.
  • URL Strategy: Recommends readable, SEO-friendly URL structures.
  • Internal Linking: Develops strategies for connecting content effectively.
  • Use Case: You're launching a new SaaS product and need to define all the pages, how they link together, and what the main navigation should look like.

Quick Start

Help me plan the site architecture for our new SaaS marketing website, including pages for features, pricing, blog, and integrations.

Frequently Asked Questions about site-architecture

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

FAQPage Schema
How do I design website information architecture for a new SaaS marketing site?

To design website information architecture, you need to define page hierarchy, navigation systems, and URL patterns based on your content inventory and user goals to improve findability and SEO.

What's the best way to visualize page hierarchy and internal linking structures?

The best way to visualize page hierarchy and internal linking is by generating ASCII trees or Mermaid diagrams, which map out flat versus deep site structures and illustrate how pages connect.

How do I create an SEO-friendly URL structure for my website?

To create an SEO-friendly URL structure, map your content hierarchy to readable URL patterns that reflect the page navigation system, ensuring search engines and users can easily understand page relationships.

Can I use this to plan navigation design for header, footer, and sidebar menus?

Yes, you can use this to plan navigation design by defining optimal header, footer, and sidebar navigation patterns that align with your site architecture and improve overall user findability.

When do I need to restructure my existing site architecture?

You need to restructure your existing site architecture when user findability drops or SEO declines, requiring a reorganization of page hierarchy, internal linking, and URL patterns to better serve user goals.

Does this site architecture tool work for planning both new websites and reorganizing existing ones?

Yes, this site architecture approach works for both planning new websites and reorganizing existing ones by defining site types, auditing content inventory, and generating updated URL maps and navigation specifications.