site-architecture

Plan website structure, navigation, URL patterns, and internal linking with a Mermaid sitemap.

Updated Apr 4, 2026
One-click install
npx skills add https://github.com/kunalrawat425/conductor-playground --skill site-architecture-kunalrawat425
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/kunalrawat425/conductor-playground/tree/main/.agents/skills/site-architecture
Command: npx skills add https://github.com/kunalrawat425/conductor-playground --skill site-architecture-kunalrawat425

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Plan and organize website structure — including page hierarchy, navigation, URL patterns, and internal linking — to create intuitive, scalable sites.

Core Features & Use Cases

  • Information Architecture Planning: Define page groups, parent-child relationships, and navigation flows to improve findability.
  • URL & Navigation Design: Propose human-friendly URL patterns and breadcrumb guidance aligned to site hierarchy.
  • Mermaid Visual Sitemap & ASCII Hierarchy: Produce visual maps to communicate structure with stakeholders.
  • Use Case: Reorganize a SaaS site with home, features, pricing, blog, docs, and integrations using hub-and-spoke patterns.

Quick Start

Draft a site map outline and identify the top 3 sections for the homepage.

Frequently Asked Questions about site-architecture

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

FAQPage Schema
How do I plan information architecture for a SaaS website?

Design descriptive URL patterns by aligning human-friendly URL slugs and breadcrumb guidance directly to your site hierarchy, ensuring pages are easily understood by both users and search engines.

What is the best way to visualize a sitemap for stakeholders?

The best way to visualize a sitemap for stakeholders is generating a Mermaid visual sitemap or ASCII hierarchy map, which clearly communicates page relationships and navigation flows.

Can I use hub-and-spoke internal linking for programmatic pages?

Yes, you can apply hub-and-spoke internal linking patterns to programmatic pages like integrations, connecting detailed child pages back to a central parent hub to distribute authority and guide users.

How do I ensure my site hierarchy meets 3-click accessibility rules?

Ensure 3-click accessibility by organizing your site hierarchy so any page is reachable within three clicks, applying strict navigation specifications and a clear internal linking strategy across all page groups.

When should I reorganize my website navigation structure?

Reorganize website navigation when findability drops or scaling requires new sections, using information architecture planning to redefine page groups, URL patterns, and parent-child relationships for intuitive user flows.