site-architecture

Plan website page hierarchies, URL patterns, and navigation elements.

1|Updated Feb 3, 2026
One-click install
npx skills add https://github.com/ilanf23/trusted-deal-navigator --skill site-architecture-ilanf23
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/ilanf23/trusted-deal-navigator/tree/main/.claude/skills/site-architecture
Command: npx skills add https://github.com/ilanf23/trusted-deal-navigator --skill site-architecture-ilanf23

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps plan and optimize website page hierarchy, navigation, and URL structure to improve user navigation and search engine indexing.

Core Features & Use Cases

  • Site Structure Planning: Create logical page hierarchies and organize content effectively.
  • Navigation Design: Specify header, footer, sidebar, and breadcrumb layouts aligned with user goals.
  • Use Case: A company launching a new SaaS platform can use this Skill to develop a clear sitemap and navigation flow that guides users seamlessly through features, pricing, and support pages.

Quick Start

Analyze the current website and generate a comprehensive site architecture plan with ASCII hierarchy, Mermaid diagrams, and URL mappings.

Frequently Asked Questions about site-architecture

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

FAQPage Schema
How do I design a website structure that scales well for new content?

To design a scalable website structure, develop a logical page hierarchy with clear URL patterns and organized navigation elements. This ensures optimal search engine visibility and easy navigation as new pages are added.

What is the best way to plan URL patterns for optimal search engine indexing?

The best way to plan URL patterns is to map them directly to your site's page hierarchy. Specifying URL patterns alongside header and breadcrumb layouts aligns user navigation goals with search engine indexing requirements.

How do I create a sitemap and navigation flow for a new SaaS platform?

You can create a sitemap and navigation flow by organizing content into a logical page hierarchy and specifying header, footer, and sidebar layouts. This guides users seamlessly through features, pricing, and support pages.

Can I generate visual diagrams for my site architecture?

Yes, you can generate visual site architecture diagrams. The skill outputs comprehensive architecture plans that include ASCII hierarchy and Mermaid diagrams to visually represent your page hierarchy and navigation flow.

Does this site architecture planning include navigation design for breadcrumbs and sidebars?

Yes, site architecture planning includes navigation design for breadcrumbs and sidebars. It specifies header, footer, sidebar, and breadcrumb layouts aligned with user goals to ensure comprehensive website navigation.