site-architecture

Plan site hierarchies, navigation, and URL patterns with ASCII and Mermaid outputs.

Updated Mar 16, 2026
One-click install
npx skills add https://github.com/RebelHawk-TK/DeepThinkTrader --skill site-architecture-rebelhawk-tk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/RebelHawk-TK/DeepThinkTrader/tree/main/.agents/skills/site-architecture
Command: npx skills add https://github.com/RebelHawk-TK/DeepThinkTrader --skill site-architecture-rebelhawk-tk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Plan intuitive, scalable website structures to improve usability and SEO by defining pages, navigation, and URL patterns.

Core Features & Use Cases

  • Pre-Planning Context: guides gathering business context, audience, and goals to tailor architecture.
  • Hierarchy Design: outputs ASCII trees showing page structure, depth, and relationships.
  • Visual Mapping: generates Mermaid sitemaps and navigation-zone diagrams to visualize the plan.
  • URL & Navigation Guidance: prescribes human-readable patterns, breadcrumbs, and consistent navigation rules.
  • Reusability & Templates: supports hub-and-spoke models and templates for common site types (SaaS, docs, marketing, hybrid).

Quick Start

Describe the site's scope and goals, and the tool will output 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 plan a scalable site architecture for a new SaaS or documentation website?

Plan a scalable site architecture by defining your page hierarchy, navigation rules, and URL patterns. The skill outputs ASCII hierarchies and Mermaid sitemaps to validate structure, depth, and relationships for SaaS, documentation, or hybrid sites.

What is the best way to visualize a website hierarchy and navigation zones?

Visualize a website hierarchy by generating Mermaid sitemaps and navigation-zone diagrams. These visual maps illustrate page relationships and structural depth, making it easier to validate and communicate your site architecture plan.

How do I design SEO-friendly URL structures and breadcrumbs for my website?

Design SEO-friendly URL structures by applying human-readable patterns and consistent breadcrumbs based on your page hierarchy. The skill prescribes navigation guidance and URL rules that align with your site's architectural depth.

Can I use hub-and-spoke models for content site architecture planning?

Yes, you can use hub-and-spoke models for content site architecture. The skill supports reusable templates for common site types, including SaaS, marketing, documentation, and hybrid sites, to quickly establish a scalable structure.

What information do I need to gather before creating a site map and URL structure?

Gather your business context, target audience, and site goals before creating a site map. This pre-planning context tailors the outputted ASCII hierarchies, Mermaid sitemaps, and URL maps to your specific architectural requirements.