conversion-architecture

Design conversion-focused website architecture with page roles and user flows.

Updated Jan 22, 2026
One-click install
npx skills add https://github.com/createdbysalt/nextjs-starter-template --skill conversion-architecture
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: conversion-architecture
Source: https://github.com/createdbysalt/nextjs-starter-template/tree/main/.claude/skills/conversion-architecture
Command: npx skills add https://github.com/createdbysalt/nextjs-starter-template --skill conversion-architecture

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a structured framework to design website architecture that prioritizes conversions, aligning page roles, flows, and navigation with business goals.

Core Features & Use Cases

  • Page Purpose Hierarchy: defines Tiered page roles (Conversion, Persuasion, Education, Utility) to clarify each page's sole job.
  • Awareness-Based Architecture: maps flows for Unaware, Problem-Aware, Solution-Aware, Product-Aware, and Most-Aware audiences.
  • One-Job Rule & Flow Design: ensures pages have a single primary job and document end-to-end user flows.
  • Navigation & Hierarchy Guidance: recommends depth, URL patterns, and CTA rhythm for conversion-focused sites.
  • Reference Templates: includes sitemap and page-type templates for quick starts.

Quick Start

Use this Skill to draft a basic sitemap and flow for a hypothetical product, e.g., "Homepage → Features → Case Study → Pricing → Contact," and refine with your own ICP.

Frequently Asked Questions about conversion-architecture

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

FAQPage Schema
What is conversion-focused website architecture?

Conversion-focused website architecture aligns page roles, user flows, and navigation with business goals. It organizes site structure so each page has a single primary job, guiding visitors toward desired actions.

How do I structure a website sitemap to improve conversions?

Structure a conversion-focused sitemap by assigning tiered page roles like Conversion, Persuasion, Education, and Utility. This hierarchy clarifies each page's sole job and establishes a logical end-to-end user flow.

Can I use reference templates for sitemap and page-type design?

Yes, you can use included sitemap and page-type reference templates for quick starts. These templates provide deterministic outputs and frameworks to draft basic structures like Homepage to Features to Pricing flows.

When should I apply the One-Job Rule to page design?

Apply the One-Job Rule to page design when mapping end-to-end user flows to ensure each page maintains a single primary job. This prevents visitor confusion and aligns page purpose hierarchy with conversion goals.