site-architecture

Plan website hierarchies and sitemaps using ASCII and Mermaid formatting.

3|Updated Mar 25, 2026
One-click install
npx skills add https://github.com/adihebbalae/Attacca --skill site-architecture-adihebbalae
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: site-architecture
Source: https://github.com/adihebbalae/Attacca/tree/main/addons/marketing/.claude/skills/site-architecture
Command: npx skills add https://github.com/adihebbalae/Attacca --skill site-architecture-adihebbalae

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill assists in planning, mapping, and restructuring website hierarchies and navigation for enhanced user experience and search engine optimization.

Core Features & Use Cases

  • Website Structure Planning: Create intuitive site architectures and page hierarchies.
  • Navigation Design: Establish effective header, footer, and sidebar navigation.
  • URL Structure: Implement SEO-friendly URL patterns.
  • Internal Linking: Develop a robust internal linking strategy for site-wide accessibility.
  • Use Case: When planning the architecture of a new SaaS marketing site or reorganizing an existing e-commerce site, this Skill helps ensure that the site's layout and information flow serve both users and search engines effectively.

Quick Start

Initiate the site architecture planning process by providing your product requirements document (PRD) to the site-architecture skill.

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 architecture for a new SaaS marketing site?

An SEO-friendly URL structure uses organized, hierarchical patterns that reflect your site's page hierarchy. This approach ensures URLs are readable and logically grouped, which helps search engines crawl content efficiently while improving overall site accessibility.

What is the best way to visualize site hierarchy and sitemaps during planning?

Visualizing site hierarchy is best done using ASCII and Mermaid formatting to map out sitemaps. These formats clearly present structured data and page relationships, making it easier to establish a robust internal linking strategy and review navigation flows.

How do I design website navigation that aligns with SEO best practices?

Designing SEO-aligned website navigation requires establishing effective header, footer, and sidebar structures. This ensures site-wide accessibility and aligns information architecture with search engine requirements, helping both users and crawlers find content efficiently.

Can I use a product requirements document to generate internal linking strategies?

Yes, providing a product requirements document initiates the site architecture planning process. It helps develop a robust internal linking strategy and structured sitemap creation based on your specific product needs and site layout goals.

When should I restructure my e-commerce site architecture?

You should restructure e-commerce site architecture when your existing page hierarchy and navigation no longer serve users or search engines effectively. Reorganizing information architecture helps realign URL structure and internal linking for improved site-wide accessibility.