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

# Erste Schritte

> Erstelle dein Konto, entdecke das Dashboard und baue deine erste Anwendung mit Seemodo.

# Erste Schritte

## Konto erstellen

<Steps>
  <Step title="Registrieren">
    Gehe zu [app.seemodo.ai](https://app.seemodo.ai) und registriere dich mit E-Mail oder Social Login.
  </Step>

  <Step title="Plan wählen">
    Starte kostenlos mit 5 täglichen Credits (max. 30/Monat). Upgrade auf Pro oder Business für mehr Credits und erweiterte Features.
  </Step>

  <Step title="Dashboard entdecken">
    Nach dem Login landest du auf dem Dashboard — deiner Zentrale für alle Projekte.
  </Step>
</Steps>

## Das Dashboard

Dein Dashboard zeigt alle Projekte als Karten mit Screenshots und Zeitstempeln. Hier kannst du:

* **Neues Projekt erstellen** — Klick auf +, beschreibe deine App und los geht's
* **Projekte öffnen** — Klick auf eine Projekt-Karte für den Editor
* **Templates nutzen** — Wähle aus fertigen Vorlagen (Dashboard, E-Commerce, Chat-App, Blog, Portfolio, Task-Manager und mehr)
* **Projekte suchen** — Finde Projekte nach Name
* **Organisieren** — Ordner erstellen, Favoriten markieren, Projekte verschieben
* **Löschen** — Nicht mehr benötigte Projekte entfernen

### Dashboard-Navigation

| Bereich             | Inhalt                  |
| ------------------- | ----------------------- |
| **Meine Projekte**  | Alle deine Projekte     |
| **Favoriten**       | Markierte Projekte      |
| **Templates**       | Fertige Projektvorlagen |
| **Mit mir geteilt** | Projekte von anderen    |
| **Entdecken**       | Community-Projekte      |

## Erster Screen im Visual Designer

<Steps>
  <Step title="Visual Designer öffnen">
    Gehe zu [app.seemodo.ai/start](https://app.seemodo.ai/start)
  </Step>

  <Step title="Design-Specs einstellen">
    In der linken Sidebar: Wähle **HiFi**-Modus und **Mobile** als Bildschirmgröße.
  </Step>

  <Step title="Prompt schreiben">
    Probiere: "Eine moderne Fitness-App Home-Screen mit Tagesschritten, Kalorien, einem Fortschrittsring und einem 'Training starten'-Button. Dunkles Theme mit grünen Akzenten."
  </Step>

  <Step title="Generieren klicken">
    Die KI erstellt deinen Screen. Eine Sandbox startet und deine App erscheint auf dem Canvas.
  </Step>

  <Step title="Mit KI bearbeiten">
    Klicke auf den generierten Screen. Nutze den AI Editor unten: "Füge ein wöchentliches Aktivitätsdiagramm unter dem Fortschrittsring hinzu"
  </Step>
</Steps>

## Erstes Projekt im Editor

<Steps>
  <Step title="Projekt erstellen">
    Im Dashboard auf **+** klicken oder ein Template wählen.
  </Step>

  <Step title="App beschreiben">
    Im Chat-Panel schreiben: "Baue mir eine Aufgabenverwaltungs-App mit Kanban-Board, Aufgaben erstellen/bearbeiten/löschen und einer dunklen Sidebar für die Navigation."
  </Step>

  <Step title="Beim Bauen zusehen">
    Die KI schreibt Code und du siehst das Ergebnis live im Vorschau-Panel rechts.
  </Step>

  <Step title="Weiter iterieren">
    Weiter chatten: "Füge eine Kalenderansicht hinzu", "Mach die Sidebar einklappbar", "Füge Benutzer-Avatare bei den Aufgaben hinzu"
  </Step>

  <Step title="Veröffentlichen">
    Wenn du zufrieden bist, klicke **Publish** für eine live URL deiner App.
  </Step>
</Steps>

## Nächste Schritte

<CardGroup cols={2}>
  <Card title="Visual Designer" icon="paintbrush" href="/de/seemodo/visual-designer">
    Alles über den Design-Canvas lernen
  </Card>

  <Card title="AI Coder" icon="message-bot" href="/de/seemodo/ai-coder">
    Den Chat-Editor meistern
  </Card>
</CardGroup>