site-architecture

Design website information architecture with ASCII trees and Mermaid diagrams.

19|5|Updated Nov 23, 2025
One-click install
npx skills add https://github.com/Nir-Bhay/markups --skill site-architecture-nir-bhay
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/Nir-Bhay/markups/tree/main/.agents/skills/site-architecture
Command: npx skills add https://github.com/Nir-Bhay/markups --skill site-architecture-nir-bhay

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps users plan, map, and restructure their website's page hierarchy, navigation, URL structure, and internal linking for better user experience and SEO.

Core Features & Use Cases

  • Information Architecture Planning: Design intuitive site structures and navigation systems.
  • URL Structure Optimization: Create clear, human-readable, and SEO-friendly URLs.
  • Internal Linking Strategy: Develop a plan to connect pages effectively for users and search engines.
  • Use Case: A startup launching a new SaaS product needs to define its website's sitemap, navigation menus, and URL patterns before development begins.

Quick Start

Help me design a site architecture for a new SaaS marketing website with 3 main sections: Features, Pricing, and Blog.

Frequently Asked Questions about site-architecture

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

FAQPage Schema
How do I design site architecture for a new SaaS website?

Design site architecture by mapping page hierarchy, navigation systems, and URL structures. This approach supports planning SaaS, content, e-commerce, and documentation sites using ASCII trees and Mermaid diagrams for clear visualization.

What is the best way to plan internal linking for SEO and user experience?

Plan internal linking by developing a strategy to connect pages effectively for users and search engines. This ensures intuitive navigation systems and optimized URL structures that improve discoverability across your website.

How do I create an information architecture sitemap before development begins?

Create an information architecture sitemap by defining your website's page hierarchy and navigation menus. You can visualize the site structure and flow using generated ASCII trees and Mermaid diagrams to guide development.

Can I use this to optimize URL structure for different types of websites?

Yes, you can optimize URL structure for SaaS, content, e-commerce, and documentation sites. It helps create clear, human-readable, and SEO-friendly URL patterns tailored to your specific website category.

Does site architecture planning support visual diagrams like Mermaid?

Site architecture planning supports visual diagrams by generating both ASCII trees and Mermaid diagrams. This provides clear representation of your website's structure, page hierarchy, and navigation flow for stakeholders.