# READ_FIRST.md

> Projekt: **Sportbox-Reutte**
> Generiert am: 2026-01-30

## Über dieses Repository

Dieses Repository wurde automatisch aus dem **WebsiteSkeleton** generiert.
Es enthält alle Konfigurationen, Design-Tokens und Prompts, die für den Website-Build benötigt werden.

## Regeln

1. **Lies zuerst den Masterprompt:** `prompts/master_prompt.md`
2. **Skill-Hierarchie beachten:** SYSTEM_SKILLS > UI_GUIDELINES > DEFINITION_OF_DONE > CLIENT_OVERRIDES
3. **Design nur aus Tokens:** Alle Farben, Abstände, Schriftgrößen kommen aus `theme/globals.css`.
4. **Keine Templates:** Jede Seite wird individuell gebaut – keine vorgefertigten Layouts.
5. **TypeScript strict:** Kein `any`, keine impliziten Typen.
6. **Keine Secrets:** API-Keys, Tokens etc. gehören in `.env`, NIEMALS ins Repository.

## Dateistruktur

```
├── app/              # Next.js App Router
├── skills/           # Globale + Client Skills
│   ├── SYSTEM_SKILLS.md
│   ├── UI_GUIDELINES.md
│   ├── DEFINITION_OF_DONE.md
│   └── CLIENT_OVERRIDES.md
├── spec/             # Projektspezifikation
│   ├── ProjectSpec.json
│   └── design_tokens.json
├── theme/            # CSS (Single Source of Truth)
│   ├── globals.css
│   └── stylesheet.css
├── prompts/          # AI Build Prompts
│   └── master_prompt.md
└── docker/           # Docker Setup
```

## Nächste Schritte

1. Öffne `prompts/master_prompt.md`
2. Folge der Lesereihenfolge
3. Baue die Website gemäß Spec und Design-Tokens

---

*Generiert von website-prototype-generator.*