UI & Web Building

Website Information Architecture Planner

Design website structure, navigation, labels, page hierarchy, user paths, search, and internal linking around real user intent.

Last updated Jul 12, 2026
FreeClaudeChatGPT
TL;DR

Website Information Architecture Planner is a free AI skill for ui & web building. Design website structure, navigation, labels, page hierarchy, user paths, search, and internal linking around real user intent. It works with Claude, ChatGPT and is ready to use out of the box.

Download Skill.md Package

About this skill

Website Information Architecture Planner helps teams organize websites so users can find, understand, and act on content efficiently. It defines audiences, tasks, content types, page hierarchy, navigation, labels, search, cross-links, breadcrumbs, and scalable growth rules.

What it does

The skill analyzes the website purpose, audiences, content inventory, business goals, search behavior, and future expansion; creates a sitemap and navigation model; resolves duplicate or confusing sections; and produces an implementation-ready information architecture.

What is included

  • Audience and task analysis
  • Content inventory
  • Page and section hierarchy
  • Primary and secondary navigation
  • Labeling system
  • User-path mapping
  • Search and cross-link strategy
  • Scalability and governance rules

How to use it

1. Download the website-information-architecture-planner-SKILL.md file
2. Upload it to your UX workspace
3. Provide the current sitemap, content types, audiences, and business goals
4. Add SEO, navigation, and future-growth constraints
5. Use the plan to restructure or build the website

Examples

Example input
Design the information architecture for a marketplace with skills, prompts, articles, trends, categories, profiles, requests, and admin publishing.
Example output
A complete site structure with top-level navigation, category hierarchy, content relationships, user paths, breadcrumbs, internal links, search behavior, and future expansion rules.

FAQ

What is this skill for?
It designs website structure, navigation, labels, page hierarchy, and user paths.
Can it redesign an existing sitemap?
Yes. It audits duplication, depth, unclear labels, orphan pages, and competing user paths.
Does it include SEO considerations?
Yes. It aligns user navigation with crawlable hierarchy and internal linking without sacrificing UX.
Can it support large websites?
Yes. It includes taxonomy, templates, governance, and scaling rules.
Does it create page wireframes?
It defines page purpose and relationships; detailed page layouts are a separate step.
How is this different from a menu design?
It covers the complete content and navigation system, not only the visible menu.

Related Skills

UI & Web BuildingFree

Multi Step Form and Wizard UX Architect

Design multi-step forms and wizards with sequencing, progress, validation, save-and-resume, branching, accessibility, recovery, and completion.

ClaudeChatGPT
#form wizard#multi step form#UX architecture
UI & Web BuildingFree

Responsive Dashboard UX Architect

Design professional responsive dashboards with information hierarchy, navigation, states, tables, charts, filters, accessibility, and mobile behavior.

ClaudeChatGPT
#dashboard UX#responsive design#web app design
UI & Web BuildingFree

Command Palette and Power User UX Architect

Design command palettes and keyboard-first navigation with discoverability, search, permissions, shortcuts, recent actions, errors, and accessibility.

ClaudeChatGPT
#command palette#keyboard navigation#power user UX

Related Prompts

Free

Answer-First FAQ Generator (AEO)

Generate FAQ answers structured as short, direct 'atomic' paragraphs so they're easy for AI answer engines to extract and cite.

ClaudeChatGPT
#aeo#faq#answer engine optimization
Free

Information Architecture and Navigation Planner

Organize website content into a findable hierarchy and navigation system grounded in user tasks, content relationships, and governance.

ClaudeChatGPT
#information-architecture#website-navigation#sitemap-planning
Free

Dashboard Information Hierarchy Designer

Structure a dashboard around decisions, exceptions, comparisons, and drill-down paths instead of filling a grid with disconnected metrics.

ClaudeChatGPT
#dashboard-design#information-hierarchy#data-ux