---
description: Vytvoření nebo aktualizace produktové landing page
---

# /landing

Syntaxe: viz `workflow-syntax.md` — `/do` = vytvoří bez ptaní

Použij skill `landing-page-master`, `premium-web-designer`, `responsive-design`.

## Prerekvizity
- Existuje `docs/README.md`
- Existuje `docs/USER_GUIDE.md`
- Je jasné kam vede CTA

## Postup

### 1. Analýza produktu
Projdi dokumentaci:
- `docs/README.md` → co produkt dělá
- `docs/USER_GUIDE.md` → funkce a user flows
- Screenshoty v `docs/`

Extrahuj: value proposition, cílová skupina, top funkce, unikátní body.

### 2. Struktura
```
/landing
├── index.html
├── css/landing.css
├── js/landing.js
└── assets/images/, icons/
```

### 3. Implementace
Pořadí: CSS → HTML → JS

Pravidla:
- Relativní cesty
- Mobile-first
- Žádné placeholdery
- CTA vede na aplikaci

### 4. Obsah sekcí
Hero, Problem/Solution, Features, How It Works, Final CTA, Footer

### 5. Vizuální prvky
- Screenshoty z `docs/screenshots/`
- Scroll-driven animace
- Hover efekty

## Co NEDĚLAT
- Nekopíruj CSS z hlavní aplikace
- Nepoužívej Lorem ipsum
- Nezapomeň na mobile
