site-architecture

Plan website page hierarchies and navigation with ASCII sitemaps and URL maps.

Updated Apr 2, 2026
One-click install
npx skills add https://github.com/gyalamanch001a/pur-new --skill site-architecture-gyalamanch001a
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/gyalamanch001a/pur-new/tree/main/.claude/skills/site-architecture
Command: npx skills add https://github.com/gyalamanch001a/pur-new --skill site-architecture-gyalamanch001a

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps teams turn a messy or undefined website into a clear page hierarchy, making navigation, URLs, and internal links easier for users and search engines to understand.

Core Features & Use Cases

  • Site Planning: Design a flat, scalable page structure for new sites or redesigns.
  • Navigation Strategy: Recommend header, footer, sidebar, and breadcrumb patterns.
  • URL Mapping: Define readable URL conventions for features, blog posts, docs, integrations, comparisons, and more.
  • Example Use Case: Use it when a SaaS site needs a homepage, product pages, pricing, blog, docs, and a programmatic SEO section organized into one coherent architecture.

Quick Start

Ask this skill to plan a sitemap and navigation structure for your website, including the page hierarchy, URL map, and internal linking recommendations.

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 page hierarchy and navigation structure for a new SaaS site?

Plan a website page hierarchy by mapping a flat, scalable structure for homepages, product pages, pricing, and docs. This produces ASCII hierarchies, Mermaid visual sitemaps, and URL maps to enforce readable URL patterns and the 3-click rule for users.

What is the best way to design an internal linking strategy and URL structure for a documentation portal?

Design internal linking and URL structure for a documentation portal by generating navigation specs and defining readable URL conventions. This approach ensures clear page hierarchy and enforces the 3-click rule, making documentation easier to navigate.

Can I generate Mermaid visual sitemaps and URL maps for a programmatic SEO expansion?

Yes, you can generate Mermaid visual sitemaps and URL maps for programmatic SEO expansions. The process defines readable URL conventions and produces ASCII hierarchies to organize large-scale content additions into a coherent architecture.

How do I organize a hybrid content site architecture with consistent navigation design?

Organize a hybrid content site architecture by planning a flat page hierarchy and recommending header, footer, sidebar, and breadcrumb patterns. This yields a coherent URL map and navigation specs that maintain consistent design across diverse content types.

When should I redesign my site architecture to enforce the 3-click rule and readable URL patterns?

Redesign site architecture to enforce the 3-click rule and readable URL patterns when a website becomes messy or undefined. This restructuring clarifies navigation, URLs, and internal links, making the site easier for both users and search engines to understand.

Does this site architecture planning approach work for both new builds and website redesigns?

Yes, this site architecture planning works for new builds and website redesigns. It applies to SaaS marketing sites, hybrid content sites, and documentation portals, producing URL maps and navigation specs to ensure a clear, scalable page structure.