skills.rest
HenriquedeCamposJunior
HenriquedeCamposJuniorCOMMUNITY
Explore all skills by this author →
GitHub

site-architecture

Generate a page hierarchy and navigation schema for website information architecture.

Updated Mar 16, 2026
Search Tags:#mermaid#navigation#hierarchy#information-architecture#site-architecture#ascii-tree#URL-structure
One-click install
npx skills add https://github.com/HenriquedeCamposJunior/marketingskills2 --skill site-architecture-henriquedecamposjunior
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/HenriquedeCamposJunior/marketingskills2/tree/main/skills/site-architecture
Command: npx skills add https://github.com/HenriquedeCamposJunior/marketingskills2 --skill site-architecture-henriquedecamposjunior

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Plan and structure a website's page hierarchy, navigation, URL patterns, and internal links to create intuitive, SEO-friendly experiences.

Core Features & Use Cases

  • Information architecture planning for page hierarchy, navigation design, and URL strategies.
  • Generate ASCII trees and Mermaid diagrams to visualize site structure.
  • Guidance on breadcrumbs, internal linking, and IA best practices for product marketing sites.

Quick Start

Plan your site's information architecture by providing product context and goals, and ask for a complete IA blueprint.

Frequently Asked Questions about site-architecture

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

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

Plan website information architecture by generating a clear page hierarchy and navigation schema for SaaS marketing, content, and hybrid sites. This produces an ASCII hierarchy, Mermaid sitemap, URL patterns, and an internal linking plan with recommended depth and breadcrumbs.

What is the best way to visualize site structure and URL hierarchy?▼

The best way to visualize site structure is by generating ASCII trees and Mermaid sitemap diagrams. These visualizations map the URL structure and page hierarchy, making it easier to design intuitive, SEO-friendly navigation for product marketing sites.

How do I design an internal linking plan and breadcrumb strategy?▼

Design an internal linking plan and breadcrumb strategy by defining page depth and navigation specifications within your site architecture blueprint. This ensures intuitive cross-linking between home, product, pricing, blog, and docs sections.

Does this site architecture planning approach work for hybrid content sites?▼

Yes, this site architecture planning approach works for hybrid content sites, covering home, product, pricing, blog, docs, and integration sections. It structures URL patterns and navigation schemas tailored to these specific site categories.

When do I need to generate a Mermaid sitemap and ASCII tree for navigation design?▼

You need to generate a Mermaid sitemap and ASCII tree when planning a new website structure or optimizing an existing one. These deliverables help map out information architecture, URL patterns, and internal links to create SEO-friendly experiences.

Related Skills

Explore More Marketing & Sales Skills→
h4vzzh4vzz
33

content-strategy

Generate a B2B content strategy with editorial calendars and measurement frameworks.

Community
Advanced
lapaixkemsdortshlee-svglapaixkemsdortshlee-svg

site-architecture

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

Community
Advanced
trungdo9trungdo9
3

seo-schema

Create and validate JSON-LD schema markup for SEO.

Community
Intermediate
MrAlexisCordMrAlexisCord

site-architecture

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

Community
Intermediate