skills.rest
yo16
yo16COMMUNITY
Explore all skills by this author →
WebsiteGitHub

site-architecture

Plan site architecture with ASCII tree, Mermaid sitemap, and URL map.

Updated Apr 10, 2026
Search Tags:#navigation#sitemap#information-architecture#internal-linking#site-architecture#url-structure#page-hierarchy
One-click install
npx skills add https://github.com/yo16/qr_code_create --skill site-architecture-yo16
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/yo16/qr_code_create/tree/main/.claude/skills/site-architecture
Command: npx skills add https://github.com/yo16/qr_code_create --skill site-architecture-yo16

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps product teams and information architects design clear page hierarchies, navigational schemas, and URL patterns that improve findability and user flows.

Core Features & Use Cases

  • Create an ASCII tree of the site hierarchy.
  • Generate a Mermaid visual sitemap showing navigation zones and relationships.
  • Produce a comprehensive URL map and breadcrumb strategy aligned with information architecture best practices.
  • Use cases: planning a new site, restructuring an existing one, or aligning IA with product marketing contexts.

Quick Start

Provide a complete site-architecture plan for a given brief, including an ASCII hierarchy, a Mermaid sitemap, and a URL map.

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 site architecture that scales with my product?▼

A scalable site architecture requires defining a clear page hierarchy, navigation design, and URL structure that minimizes page depth while aligning with business goals to maintain findability.

What is the best way to visualize a sitemap for internal linking?▼

Visualizing a sitemap is best achieved by generating an ASCII tree for page hierarchy mapping and a Mermaid visual sitemap to document navigation zones and internal linking relationships.

How do I create a URL structure and breadcrumb strategy for a new site?▼

You create a URL structure and breadcrumb strategy by producing a comprehensive URL map aligned with information architecture best practices, ensuring navigational schemas map cleanly to page hierarchies.

Can I plan site architecture redirects for restructuring an existing website?▼

Yes, site architecture planning includes creating an actionable rollout plan with redirects for any page moves, ensuring website restructuring maintains navigational continuity and findability.

Related Skills

Explore More Design & Creative Skills→
dk-usadk-usa

site-architecture

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

Community
Intermediate
lebongobenilebongobeni

site-architecture

Plan website architecture with page hierarchy, navigation, URL structure, and internal linking.

Community
Advanced
kostja94kostja94
872

breadcrumb-generator

Generate semantic HTML and BreadcrumbList JSON-LD for breadcrumb navigation.

Community
Intermediate
Hans3010Hans3010

site-architecture

Design website page hierarchy, navigation, URL structures, and internal linking.

Community
Intermediate