> ## Documentation Index
> Fetch the complete documentation index at: https://vibewax.be/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Jak vytvořit svůj první projekt

> Váš první web nebo aplikace mohou být hotové ještě dnes

Popíšete svůj nápad a Vibewax ho vytvoří. Představte si, jako byste si psali s velmi šikovným vývojářem, který pracuje okamžitě.

## Než začnete

Nepotřebujete podrobný plán. Pokud ale nevíte, čím začít, tohle jsou skvělé první projekty:

<CardGroup cols={2}>
  <Card title="Landing page" icon="browser">
    Jednoduchá, rychle hotová. Ideální pro otestování nápadu.
  </Card>
  <Card title="Osobní portfolio" icon="user">
    Pár stránek o vás, vaší práci a kontaktní údaje.
  </Card>
  <Card title="Firemní web" icon="building">
    Úvod, o nás, služby, kontakt. Perfektní výchozí struktura.
  </Card>
  <Card title="Interní dashboard" icon="table-columns">
    Jednoduchý nástroj pro váš tým ke sledování úkolů nebo zobrazení dat.
  </Card>
</CardGroup>

**Co si připravit:**

- Krátký popis toho, o čem váš web bude (stačí jedna věta)
- Logo, pokud ho máte
- Barvy vaší značky, nebo referenční web, jehož styl se vám líbí

<Note>
  Nepřemýšlejte nad tím víc, než je nutné. Všechno se dá později změnit, takže první verze nemusí být dokonalá.
</Note>

## Vytvořte svůj první projekt

<Steps>
  <Step title="Otevřete Vibewax a vytvořte nový projekt">
    Pole pro zadání promptu je přímo uprostřed úvodní obrazovky.

    <img src="https://vibewax.be/docs/images/guides_first-project_01.png" alt="Starting New Chat" width="1500" height="1000" />
  </Step>
  <Step title="Popište, co chcete vytvořit">
    Řekněte Vibewax, co máte na mysli, stejně jako byste to vysvětlovali kamarádovi. Psát můžete jakýmkoli jazykem.

    Pokud máte připravené podklady – logo, brand guidelines, PDF s obsahem – nahrajte je. Čím víc kontextu Vibewax dostane na začátku, tím lepší bude první výsledek.
  </Step>
  <Step title="Počkejte, až agent dokončí práci">
    Vibewax začne pracovat okamžitě. V průběhu se vás může na pár věcí zeptat, pokud bude potřeba něco upřesnit.

    Vytvoření první verze může trvat několik minut. V chatu uvidíte průběžné aktualizace, jak agent pracuje.

    <img src="https://vibewax.be/docs/images/guides_first-project_02.png" alt="Agent plan" width="1500" height="1000" />
  </Step>
  <Step title="Zkontrolujte výsledek">
    Podívejte se na náhled vpravo. Prohlédněte si rozložení stránky, texty, obrázky a celkový dojem. Pomocí přepínače zařízení nad náhledem se můžete okamžitě podívat, jak web vypadá na mobilu, tabletu i počítači.

    Na první pokus to nebude dokonalé, a to je úplně normální. Pokračujte v dolaďování posíláním dalších zpráv v chatu, nebo použijte <Tooltip headline="Vizuální úpravy" tip="Pomocí panelu nástrojů nad náhledem upravte prvek přímo, přepište text na místě nebo tahem označte, o čem mluvíte." cta="Zjistit více o Vizuálních úpravách" href="/docs/cs/features/visual-edits">panel nástrojů nad náhledem</Tooltip> a provádějte přesné změny přímo na stránce.

    <img src="https://vibewax.be/docs/images/guides_first-project_03.png" alt="Review result" width="1500" height="1000" />
  </Step>
</Steps>

## Jak komunikovat s agentem Vibewax?

Mluvte s agentem Vibewax jako s kamarádem. Žádné rozkazy, žádné technické výrazy. Prostě řekněte, co chcete.

Začněte něčím konkrétním:

```
Chci vytvořit web pro moji kavárnu Dusk. Je to malá,
útulná kavárna v Praze. Skvělá káva, domácí zákusky,
živý jazz o víkendech. Teplé barvy, hodně fotek jídla.
```

A pak pokračujte v konverzaci. Každá zpráva navazuje na to, co už bylo vytvořeno:

```
Našel jsem web, který se mi líbí: https://example.com
Dokážeme vytvořit něco podobného?
```

```
Prohoď sekci s recenzemi z Google Maps za fotogalerii.
```

```
Můžeš přidat sekci s jídly? Mám celé menu jako PDF,
nahraju ho – dokážeš z něj vytáhnout položky a ceny?
```

Vibewax si po celou konverzaci udržuje kompletní kontext vašeho projektu, takže nikdy neztratí přehled o tom, co jste už vytvořili.

### Pár tipů

- **Lepších výsledků dosáhnete s kontextem.** Pošlete agentovi referenční web, nahrajte logo, nebo vysvětlete, pro koho web je. Čím víc toho Vibewax ví, tím lepší bude výstup.

- **Popište výsledek, ne postup.** Zaměřte se na to, jak má výsledek vypadat nebo působit. Agent Vibewax sám přijde na to, jak na to.

- **Zadejte jen jeden úkol najednou.** Jednotlivé zprávy přinášejí lepší výsledky než dlouhé seznamy. Pokud chcete udělat víc změn, pošlete je jednu po druhé a Vibewax je zpracuje postupně.

- **Zeptejte se, než začnete tvořit.** Nejste si jistí, jestli je něco možné? Prostě se zeptejte. Vibewax vás provede možnostmi, než se pustí do práce.

- **Řekněte, co konkrétně nesedí, ne jen že je to špatně.** „Písmo působí příliš formálně" dá Vibewax něco konkrétního, s čím může pracovat. „Zkus to znovu" ne.

## Když se něco nepovede

Něco nevypadá správně? To je úplně normální, zvlášť na začátku. Co můžete udělat:

- **Požádejte agenta, ať vrátí změny zpět.** Popište, co se změnilo, a řekněte, že to chcete vrátit. Ideální pro opravu drobných problémů.
- **Obnovte předchozí verzi.** Pokud se toho najednou rozbilo víc, obnovení předchozí verze je rychlejší než vracet změny jednu po druhé. Otevřete **Historii verzí** kliknutím na ikonku hodin v horní liště, prohlédněte si verzi, kterou chcete vrátit, a klikněte na **Obnovit**. Viz [Historie verzí](/docs/cs/chat/overview#historie-verzí).
- **Upravte předchozí prompt.** Vraťte se k libovolné dřívější zprávě a upravte ji. Vibewax obnoví projekt, jak vypadal v daném okamžiku, a znovu ho vytvoří podle vašeho upraveného promptu.
- **Začněte z bezpečné kopie.** Než uděláte velké změny, klikněte na „Duplikovat" pod libovolnou zprávou. Díky tomu budete mít vždy zálohu, ke které se můžete vrátit.


This page is part of the [Vibewax documentation](https://vibewax.be/docs/cs/welcome/overview).