skills.rest
felarmouche
felarmoucheCOMMUNITY
Explore all skills by this author →
GitHub

site-architecture

Plan page hierarchies, navigation, and URL patterns for diverse site types.

Updated Oct 16, 2025
Search Tags:#mermaid#navigation#hierarchy#information-architecture#site-architecture#url-structure#ia-planning
One-click install
npx skills add https://github.com/felarmouche/elaesthetics-nextjs --skill site-architecture-felarmouche
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/felarmouche/elaesthetics-nextjs/tree/main/.agents/skills/site-architecture
Command: npx skills add https://github.com/felarmouche/elaesthetics-nextjs --skill site-architecture-felarmouche

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Information architecture planning helps teams design intuitive page hierarchies, clear navigation, and scalable URL structures to future-proof websites.

Core Features & Use Cases

  • Define multi-level page hierarchies and URL patterns for SaaS, content, docs, and hybrid sites.
  • Produce ASCII trees and Mermaid visual sitemaps to communicate structure to design and engineering teams.
  • Align navigation, breadcrumbs, and internal linking strategies with business goals and SEO considerations.

Quick Start

Plan the initial 2-3 level hierarchy for the homepage and core sections, and produce an ASCII tree.

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 scalable site architecture for a SaaS or hybrid website?▼

Visualize site hierarchy using ASCII trees and Mermaid sitemaps, which map out page relationships and URL structures to communicate information architecture clearly to design and engineering teams.

How do I design URL structures and navigation that align with SEO goals?▼

Design URL structures and navigation by aligning breadcrumbs, internal linking strategies, and page hierarchy with business goals and SEO considerations to maintain logical information architecture.

What is the best way to future-proof an information architecture plan for site expansion?▼

Future-proof information architecture by establishing guardrails for expansion during the initial planning phase, defining scalable URL patterns and multi-level hierarchies that accommodate new sections without breaking existing navigation.

Can I generate visual sitemaps using Mermaid for different site types like docs and blogs?▼

Generate Mermaid visual sitemaps for diverse site types including content blogs, documentation, SaaS marketing sites, and hybrid configurations, providing clear URL maps alongside ASCII tree representations.

Related Skills

Explore More Design & Creative Skills→
bongrealtybongrealty
2

site-architecture

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

Community
Intermediate
lionheartapplionheartapp

site-architecture

Plan website hierarchies, navigation, URL patterns, and internal linking.

Community
Intermediate
School-Agent-IncSchool-Agent-Inc
1

sitemap-search

Implements a sitemap page and integrated site search with keyboard shortcut.

Official
Intermediate
rakibulismrakibulism
2

seo-sitemap

Generate and validate XML sitemaps with URL status checks and index splitting.

Community
Intermediate