Website Sitemap & Structure
Define the website structure with pages, routes, and section selection.
Workflow
- Gather Input - Business type, name, location, goals, target audience, USPs, number of pages
- Define Core Pages - Based on business requirements and standard website patterns
- Add Legal Pages - Impressum and Datenschutz (mandatory)
- Select Sections - Choose shadcnblocks sections for each page from the catalog
- Define Priorities - P0 (homepage), P1 (main pages), P2 (secondary pages)
- Write Output - Create docs/sitemap.md
Input Template
Business Type: [e.g., Beauty Salon, Restaurant, Agency]
Business Name: [Company name]
Location: [City, Country]
Primary Goal: [Lead generation, Brand awareness, Bookings]
Target Audience: [Who are the customers]
Unique Selling Points: [What makes them different]
Number of Pages: [4-6 typical for small business]
Standard Page Patterns
Small Business (4-6 pages)
- Homepage
/
- Services/Products
/dienstleistungen or /produkte
- About
/ueber-uns
- Contact
/kontakt
Service Business (6-8 pages)
- Homepage
/
- Services Overview
/dienstleistungen
- Individual Service Pages
/dienstleistungen/[service]
- About
/ueber-uns
- Contact
/kontakt
- Pricing
/preise (optional)
E-commerce/Portfolio (8+ pages)
- Homepage
/
- Products/Portfolio
/produkte or /portfolio
- Category Pages
- About
/ueber-uns
- Contact
/kontakt
- Blog
/blog (optional)
Legal Pages (Always Required)
These are MANDATORY for every project:
/impressum - Legal notice (German/Swiss law)
/datenschutz - Privacy policy (DSGVO/DSG compliance)
Note: Legal pages are excluded from the "number of pages" count.
Section Selection
See references/shadcnblocks-catalog.md for all available sections.
Typical Page Structures
Homepage:
| Section Type |
Purpose |
| Navbar |
Navigation (layout component) |
| Hero |
First impression, main CTA |
| Logos |
Trust signals (optional) |
| Feature/Services |
What you offer |
| About Preview |
Brief company intro |
| Stats |
Social proof numbers |
| Testimonials |
Customer reviews |
| CTA |
Call to action |
| Footer |
Links, contact (layout component) |
Services Page:
| Section Type |
Purpose |
| Hero |
Services introduction |
| Services/Feature |
Detailed offerings |
| Process |
How you work |
| Pricing |
Cost indicators |
| CTA |
Book/contact |
About Page:
| Section Type |
Purpose |
| Hero |
About introduction |
| About/Content |
Company story |
| Team |
People profiles |
| Timeline |
History/milestones |
| CTA |
Connect with us |
Contact Page:
| Section Type |
Purpose |
| Hero |
Contact introduction |
| Contact |
Form, map, info |
| FAQ |
Common questions |
Output Format: docs/sitemap.md
# Sitemap - [Business Name]
## Overview
| Page | Route | Purpose | Priority |
|------|-------|---------|----------|
| Homepage | `/` | Main landing, services overview | P0 |
| Services | `/dienstleistungen` | Detailed offerings | P1 |
| About | `/ueber-uns` | Team, story, trust | P1 |
| Contact | `/kontakt` | Booking, inquiries | P1 |
## Legal Pages (Required)
| Page | Route |
|------|-------|
| Impressum | `/impressum` |
| Datenschutz | `/datenschutz` |
---
## Page Sections
### 1. Homepage `/`
| Order | Section | shadcnblocks | Purpose |
|-------|---------|--------------|---------|
| 1 | Navbar | navbar-X | Navigation |
| 2 | Hero | hero-X | First impression |
| ... | ... | ... | ... |
| N | Footer | footer-X | Links, contact |
### 2. Services `/dienstleistungen`
[Same table format]
### 3. About `/ueber-uns`
[Same table format]
### 4. Contact `/kontakt`
[Same table format]
---
## Shared Components
- **Navbar**: Consistent across all pages (layout.tsx)
- **Footer**: Consistent across all pages (layout.tsx)
---
## URL Structure
/ -> Homepage (DE default)
/en -> Homepage (EN)
/dienstleistungen -> Services (DE)
/en/services -> Services (EN)
---
## Notes
- All sections from shadcnblocks.com
- Legal pages (Impressum, Datenschutz) excluded from page count
- Bilingual support via next-intl (DE primary, EN secondary)
Rules
- All sections MUST come from shadcnblocks.com
- Impressum and Datenschutz are MANDATORY (excluded from page count)
- Bilingual support (DE/EN) via next-intl
- Navbar and Footer go in layout.tsx, not individual pages
- Homepage is always P0 priority
- Focus on conversion-oriented structure
What This Skill Does NOT Do
- Keyword research (use seo-keyword-research skill)
- SEO strategy (use seo-keyword-research skill)
- Content writing (use seo-content-optimization skill later)
- Technical SEO (use technical-seo skill later)
1---2name: sitemap-structure3description: Create website sitemap with page structure and section selection. Use at project start to define pages, routes, and shadcnblocks sections for each page. Outputs docs/sitemap.md. Triggers on "sitemap", "page structure", "website structure", "create pages".4---5
6# Website Sitemap & Structure
7
8Define the website structure with pages, routes, and section selection.
9
10## Workflow
11
121. **Gather Input** - Business type, name, location, goals, target audience, USPs, number of pages
132. **Define Core Pages** - Based on business requirements and standard website patterns
143. **Add Legal Pages** - Impressum and Datenschutz (mandatory)
154. **Select Sections** - Choose shadcnblocks sections for each page from the catalog
165. **Define Priorities** - P0 (homepage), P1 (main pages), P2 (secondary pages)
176. **Write Output** - Create docs/sitemap.md
18
19## Input Template
20
21```
22Business Type: [e.g., Beauty Salon, Restaurant, Agency]
23Business Name: [Company name]
24Location: [City, Country]
25Primary Goal: [Lead generation, Brand awareness, Bookings]
26Target Audience: [Who are the customers]
27Unique Selling Points: [What makes them different]
28Number of Pages: [4-6 typical for small business]
29```
30
31## Standard Page Patterns
32
33### Small Business (4-6 pages)
34- Homepage `/`
35- Services/Products `/dienstleistungen` or `/produkte`
36- About `/ueber-uns`
37- Contact `/kontakt`
38
39### Service Business (6-8 pages)
40- Homepage `/`
41- Services Overview `/dienstleistungen`
42- Individual Service Pages `/dienstleistungen/[service]`
43- About `/ueber-uns`
44- Contact `/kontakt`
45- Pricing `/preise` (optional)
46
47### E-commerce/Portfolio (8+ pages)
48- Homepage `/`
49- Products/Portfolio `/produkte` or `/portfolio`
50- Category Pages
51- About `/ueber-uns`
52- Contact `/kontakt`
53- Blog `/blog` (optional)
54
55## Legal Pages (Always Required)
56
57These are MANDATORY for every project:
58- `/impressum` - Legal notice (German/Swiss law)
59- `/datenschutz` - Privacy policy (DSGVO/DSG compliance)
60
61Note: Legal pages are excluded from the "number of pages" count.
62
63## Section Selection
64
65See references/shadcnblocks-catalog.md for all available sections.
66
67### Typical Page Structures
68
69**Homepage:**
70| Section Type | Purpose |
71|--------------|---------|
72| Navbar | Navigation (layout component) |
73| Hero | First impression, main CTA |
74| Logos | Trust signals (optional) |
75| Feature/Services | What you offer |
76| About Preview | Brief company intro |
77| Stats | Social proof numbers |
78| Testimonials | Customer reviews |
79| CTA | Call to action |
80| Footer | Links, contact (layout component) |
81
82**Services Page:**
83| Section Type | Purpose |
84|--------------|---------|
85| Hero | Services introduction |
86| Services/Feature | Detailed offerings |
87| Process | How you work |
88| Pricing | Cost indicators |
89| CTA | Book/contact |
90
91**About Page:**
92| Section Type | Purpose |
93|--------------|---------|
94| Hero | About introduction |
95| About/Content | Company story |
96| Team | People profiles |
97| Timeline | History/milestones |
98| CTA | Connect with us |
99
100**Contact Page:**
101| Section Type | Purpose |
102|--------------|---------|
103| Hero | Contact introduction |
104| Contact | Form, map, info |
105| FAQ | Common questions |
106
107## Output Format: docs/sitemap.md
108
109```markdown
110# Sitemap - [Business Name]
111
112## Overview
113
114| Page | Route | Purpose | Priority |
115|------|-------|---------|----------|
116| Homepage | `/` | Main landing, services overview | P0 |
117| Services | `/dienstleistungen` | Detailed offerings | P1 |
118| About | `/ueber-uns` | Team, story, trust | P1 |
119| Contact | `/kontakt` | Booking, inquiries | P1 |
120
121## Legal Pages (Required)
122
123| Page | Route |
124|------|-------|
125| Impressum | `/impressum` |
126| Datenschutz | `/datenschutz` |
127
128---
129
130## Page Sections
131
132### 1. Homepage `/`
133
134| Order | Section | shadcnblocks | Purpose |
135|-------|---------|--------------|---------|
136| 1 | Navbar | navbar-X | Navigation |
137| 2 | Hero | hero-X | First impression |
138| ... | ... | ... | ... |
139| N | Footer | footer-X | Links, contact |
140
141### 2. Services `/dienstleistungen`
142[Same table format]
143
144### 3. About `/ueber-uns`
145[Same table format]
146
147### 4. Contact `/kontakt`
148[Same table format]
149
150---
151
152## Shared Components
153
154- **Navbar**: Consistent across all pages (layout.tsx)
155- **Footer**: Consistent across all pages (layout.tsx)
156
157---
158
159## URL Structure
160
161/ -> Homepage (DE default)
162/en -> Homepage (EN)
163/dienstleistungen -> Services (DE)
164/en/services -> Services (EN)
165
166---
167
168## Notes
169
170- All sections from shadcnblocks.com
171- Legal pages (Impressum, Datenschutz) excluded from page count
172- Bilingual support via next-intl (DE primary, EN secondary)
173```
174
175## Rules
176
1771. All sections MUST come from shadcnblocks.com
1782. Impressum and Datenschutz are MANDATORY (excluded from page count)
1793. Bilingual support (DE/EN) via next-intl
1804. Navbar and Footer go in layout.tsx, not individual pages
1815. Homepage is always P0 priority
1826. Focus on conversion-oriented structure
183
184## What This Skill Does NOT Do
185
186- Keyword research (use seo-keyword-research skill)
187- SEO strategy (use seo-keyword-research skill)
188- Content writing (use seo-content-optimization skill later)
189- Technical SEO (use technical-seo skill later)