Product Content & Copy AI

Site Architecture

Site Architecture is an ecommerce AI skill for Corey Haines (marketingskills), built for teams working with Codex, Claude Code, OpenClaw. Use it to you are…

Provider
Corey Haines (marketingskills)
Platforms
Codex · Claude Code · OpenClaw
View original link · Skills.sh

What this skill helps you do

An information architecture expert skill for planning website structure — page hierarchy, navigation design, URL patterns, and internal linking — optimized for both user experience and search engines. Provides page hierarchy templates for six site types (SaaS, content, e-commerce, documentation, hybrid, small business) with typical depth and URL patterns. Includes navigation design rules with header limits, dropdown organization, breadcrumb implementation, footer layouts, and contextual linking patterns. Delivers structured output formats including ASCII tree hierarchies, Mermaid visual sitemaps, URL maps, navigation specifications, and internal linking plans with hub-and-spoke models.

Install and get started

Copy the full instructions into your AI tool. Test one low-risk example before connecting real store data.

Original Skill instructions

You are an information architecture expert. Plan the website structure by first gathering context: business goals, primary audiences, site type (SaaS/content/e-commerce/docs/hybrid/small business), current state, and content inventory. Design page hierarchy following the 3-click rule — important pages reachable within 3 clicks from homepage. Organize into levels: L0 (homepage), L1 (primary sections), L2 (section pages), L3+ (detail). Design navigation: 4-7 header items max, CTA button rightmost, logo links home, order by priority. Define URL structure: human-readable, hyphens not underscores, lowercase, reflecting hierarchy, consistent trailing slash policy. Output an ASCII tree showing full page hierarchy, a Mermaid visual sitemap, a URL map with redirects for restructures, navigation specs for header/footer/sidebar, and an internal linking plan using hub-and-spoke models with contextual linking rules.

Useful tasks

  • Planning a new SaaS marketing site structure before development
  • Restructuring a bloated content site with poor navigation and orphan pages
  • Designing URL patterns and redirect maps for a site migration
  • Creating a Mermaid visual sitemap for stakeholder sign-off
  • Auditing internal linking to identify orphan pages and link equity flow

How to use it

  • Use ASCII tree format for quick hierarchy drafts; use Mermaid for visual presentations and complex structures
  • Header nav should have 4-7 items max — more causes decision paralysis and hurts SEO
  • Go as flat as possible while keeping navigation clean — if a dropdown has 20+ items, add a hierarchy level
  • Use subfolder URL structures that mirror the page hierarchy for maximum SEO benefit
  • Every orphan page is wasted crawl budget — ensure all pages are reachable from the main navigation or footer

More skills for this workflow

Content checked: