> ## 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.

# So erstellst du dein erstes Projekt

> Deine erste Website oder App, fertig noch heute

Du beschreibst in eigenen Worten, was du willst, und Macaly erstellt es für dich. Stell es dir vor wie eine Nachricht an einen sehr erfahrenen Entwickler, der sofort loslegt.

<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 />

## Bevor du startest

Du brauchst keinen detaillierten Plan. Falls du aber nicht weißt, wo du anfangen sollst, sind das gute erste Projekte:

<CardGroup cols={2}>
  <Card title="Landingpage" icon="browser">
    Einfach, fokussiert, schnell gebaut. Perfekt, um eine Idee zu testen.
  </Card>

  <Card title="Persönliches Portfolio" icon="user">
    Ein paar Seiten über dich, deine Arbeit und wie man dich erreicht.
  </Card>

  <Card title="Business-Website" icon="building">
    Startseite, Über uns, Leistungen, Kontakt. Eine solide Ausgangsstruktur.
  </Card>

  <Card title="Internes Dashboard" icon="table-columns">
    Ein einfaches Tool für dein Team, um Aufgaben zu verfolgen oder Daten anzuzeigen.
  </Card>
</CardGroup>

**Was du bereithalten solltest:**

* Eine kurze Beschreibung, worum es auf deiner Website geht (ein Satz reicht)
* Dein Logo, falls du eins hast
* Markenfarben oder eine Referenz-Website, deren Look dir gefällt

<Note>
  Denk nicht zu lange darüber nach. Alles lässt sich später ändern, deine erste Version muss also nicht perfekt sein.
</Note>

## Erstelle dein erstes Projekt

<Steps>
  <Step title="Öffne Macaly und starte ein neues Projekt">
    Melde dich bei [macaly.com](https://www.macaly.com/) an. Das Eingabefeld für den Prompt steht zentral im Vordergrund des Startbildschirms.

    <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="Beschreibe, was du bauen willst">
    Erzähl Macaly, was dir vorschwebt, genauso wie du es einem Freund erklären würdest. Jede Sprache funktioniert.

    Wenn du bereits Material bereit hast (ein Logo, Markenrichtlinien, ein PDF mit Inhalten), hänge es gleich an. Je mehr Kontext Macaly von Anfang an hat, desto besser wird das erste Ergebnis.
  </Step>

  <Step title="Warte, bis der Agent fertig ist">
    Macaly beginnt sofort mit dem Bauen. Dabei kann es dir ein oder zwei Fragen stellen, falls etwas geklärt werden muss.

    Die erste Version kann bis zu ein paar Minuten dauern. Du siehst die Updates im Chat, während der Agent arbeitet.

    <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="Überprüfe das Ergebnis">
    Sieh dir die Vorschau rechts an. Achte auf Layout, Text, Bilder und den Gesamteindruck. Nutze den Geräte-Umschalter über der Vorschau, um sofort zu sehen, wie deine Website auf Mobilgerät, Tablet und Desktop aussieht.

    Beim ersten Versuch wird es nicht perfekt sein, und das ist völlig normal. Verfeinere weiter, indem du Folgenachrichten im Chat sendest, oder wechsle zu <Tooltip headline="Visuelle Bearbeitung" tip="Mit der Leiste über deiner Vorschau bearbeitest du ein Element direkt, schreibst Text an Ort und Stelle um oder markierst, was du meinst." cta="Mehr über Visuelle Bearbeitung erfahren" href="/docs/de/features/visual-edits">der Leiste über deiner Vorschau</Tooltip>, um präzise Änderungen direkt auf der Seite vorzunehmen.

    <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>

## So sprichst du mit Macaly

Sprich mit Macaly wie mit einem Freund. Keine Befehle, keine Fachbegriffe. Sag einfach, was du willst.

Starte mit etwas Konkretem:

```
Ich möchte eine Website für mein Café namens Dusk erstellen. Es ist ein kleiner,
gemütlicher Ort in Berlin. Toller Kaffee, hausgemachtes Gebäck, Live-Jazz
am Wochenende. Warme Farben, viele Fotos vom Essen.
```

Dann führe das Gespräch weiter. Jede Nachricht baut auf dem auf, was bereits erstellt wurde:

```
Ich habe eine Seite gefunden, deren Stil mir wirklich gefällt: https://example.com
Können wir für die Startseite etwas Ähnliches machen?
```

```
Ersetze die Google-Maps-Bewertungen durch eine Fotogalerie.
```

```
Kannst du einen Menü-Bereich hinzufügen? Ich habe unser komplettes Menü als PDF,
ich lade es hoch. Kannst du die Gerichte und Preise daraus übernehmen?
```

Macaly behält den vollständigen Kontext deines Projekts während des gesamten Gesprächs, sodass es nie den Überblick über das bereits Erstellte verliert.

### Ein paar Tipps

* **Bessere Ergebnisse beginnen mit Kontext.** Teile eine Referenz-Website, lade dein Logo hoch oder erkläre, für wen die Website gedacht ist. Je mehr Macaly weiß, desto besser das Ergebnis.

* **Beschreibe das Ergebnis, nicht die Schritte.** Konzentriere dich darauf, wie es aussehen oder sich anfühlen soll. Das Wie übernimmt Macaly.

* **Sende eine Anfrage nach der anderen.** Fokussierte Nachrichten liefern bessere Ergebnisse als lange Listen. Wenn du mehrere Änderungen im Kopf hast, sende sie nacheinander, und Macaly arbeitet sie der Reihe nach ab.

* **Frag nach, bevor du bauen lässt.** Nicht sicher, ob etwas möglich ist? Frag einfach. Macaly kann dir die Optionen erklären, bevor überhaupt Arbeit beginnt.

* **Sag, was nicht passt, nicht nur, dass es falsch ist.** "Die Schrift wirkt zu förmlich" gibt Macaly etwas Konkretes zum Arbeiten. "Versuch es noch mal" nicht.

## Wenn etwas schiefgeht

Sieht etwas nicht richtig aus? Das ist völlig normal, besonders am Anfang. So gehst du vor:

* **Bitte den Agenten, es rückgängig zu machen.** Beschreibe, was sich geändert hat, und sag, dass du es zurücksetzen möchtest. Funktioniert am besten, wenn nur eine Sache schiefgegangen ist.
* **Stelle eine frühere Version wieder her.** Wenn mehrere Dinge gleichzeitig schiefgelaufen sind, ist Wiederherstellen schneller als Schritt für Schritt rückgängig zu machen. Öffne über das Uhrsymbol in der oberen Leiste den **Versionsverlauf**, sieh dir die gewünschte Version an und klicke auf **Wiederherstellen**. Siehe [Versionsverlauf](/docs/de/chat/overview#versionsverlauf).
* **Bearbeite einen früheren Prompt.** Geh zurück zu einer früheren Nachricht und bearbeite sie. Macaly setzt das Projekt auf diesen Zeitpunkt zurück und baut es ausgehend von deinem aktualisierten Prompt neu auf.
* **Starte von einer sicheren Kopie aus.** Bevor du größere Änderungen vornimmst, klicke auf "Duplizieren" unter einer beliebigen Nachricht. So hast du immer einen Fallback, zu dem du zurückkehren kannst.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.