> ## Documentation Index
> Fetch the complete documentation index at: https://www.macaly.com/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 Macaly ho vytvoří. Představte si, jako byste si psali s velmi šikovným vývojářem, který pracuje okamžitě.

<iframe width="100%" height="420" src="https://www.youtube.com/embed/videoseries?list=PL_6FnllPMh1G-XbXlylnuEJk9yUGBGEHn" title="Macaly tutorials" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 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 Macaly a vytvořte nový projekt">
    Přihlaste se na [macaly.com](https://www.macaly.com/). Pole pro zadání promptu je přímo uprostřed úvodní obrazovky.

    <img src="https://mintcdn.com/macaly-41b1d3e9/3b1-nExOoaeiOJYq/images/guides_first-project_01.png?fit=max&auto=format&n=3b1-nExOoaeiOJYq&q=85&s=a5862e0e462ab210eb18f1cad269d7b1" alt="Starting New Chat" width="1500" height="1000" data-path="images/guides_first-project_01.png" />
  </Step>

  <Step title="Popište, co chcete vytvořit">
    Řekněte Macaly, 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 Macaly dostane na začátku, tím lepší bude první výsledek.
  </Step>

  <Step title="Počkejte, až agent dokončí práci">
    Macaly 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://mintcdn.com/macaly-41b1d3e9/3b1-nExOoaeiOJYq/images/guides_first-project_02.png?fit=max&auto=format&n=3b1-nExOoaeiOJYq&q=85&s=27c4c4e309eee0cd13430043d516eaec" alt="Agent plan" width="1500" height="1000" data-path="images/guides_first-project_02.png" />
  </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 přepněte na <Tooltip headline="Vizuální úpravy" tip="Klikněte na libovolný prvek v náhledu a upravte ho přímo, bez psaní zprávy." cta="Zjistit více o Vizuálních úpravách" href="/cs/features/visual-edits">Vizuální úpravy</Tooltip> a provádějte přesné změny přímo na stránce.

    <img src="https://mintcdn.com/macaly-41b1d3e9/3b1-nExOoaeiOJYq/images/guides_first-project_03.png?fit=max&auto=format&n=3b1-nExOoaeiOJYq&q=85&s=4b655dc218595353d9741bba7e8ec71e" alt="Review result" width="1500" height="1000" data-path="images/guides_first-project_03.png" />
  </Step>
</Steps>

## Jak komunikovat s agentem Macaly?

Mluvte s agentem Macaly 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?
```

Macaly 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 Macaly 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 Macaly 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 Macaly je zpracuje postupně.

* **Zeptejte se, než začnete tvořit.** Nejste si jistí, jestli je něco možné? Prostě se zeptejte. Macaly 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á Macaly 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é. Každá odpověď agenta má tlačítko „Obnovit tuto verzi". Klikněte na něj a vrátíte se k danému bodu.
* **Upravte předchozí prompt.** Vraťte se k libovolné dřívější zprávě a upravte ji. Macaly 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.
