메뉴
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".
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Build pages by installing shadcnblocks sections and implementing i18n. Use for each page after branding is defined. Takes page route and list of sections to install. Installs sections in order, creates page file, extracts text to de.json/en.json, and adds useTranslations.
Add smooth scrolling for same-page anchor links only. Uses JavaScript to handle
Add cinematic lerp-based smooth scrolling for all scroll inputs (mouse wheel, trackpad, touch). Creates butter-smooth momentum scrolling like premium agency websites. Works alongside existing smooth-scroll anchor links.
Define brand styling for website projects. Updates globals.css with CSS color variables (oklch format), typography (h1-h6, p, a, blockquote), and container styles. Use at the start of a project after sitemap is created. Requires primary, secondary, and accent colors plus font choice.
Add elegant page transition overlay using 3 staggered color layers. Overlay covers screen during navigation and reveals once new page is loaded. Use during /init or standalone.
Configure footer navigation links for SEO completeness. Sets up all pages (Homepage, Services, About, Contact, Impressum, Datenschutz) in organized groups. Dynamically finds footer*.tsx component. Updates i18n with all footer keys.
| name | sitemap-structure |
| description | 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". |
Define the website structure with pages, routes, and section selection.
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]
//dienstleistungen or /produkte/ueber-uns/kontakt//dienstleistungen/dienstleistungen/[service]/ueber-uns/kontakt/preise (optional)//produkte or /portfolio/ueber-uns/kontakt/blog (optional)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.
See references/shadcnblocks-catalog.md for all available sections.
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 |
# 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)