diff --git a/ai/AI_DECISION_LOGIC.md b/ai/AI_DECISION_LOGIC.md index 1a3b5a2..9f075f9 100644 --- a/ai/AI_DECISION_LOGIC.md +++ b/ai/AI_DECISION_LOGIC.md @@ -88,6 +88,35 @@ Einmal getroffene Entscheidungen (Farben, Abstände, Patterns) durchgängig anwe --- +## Umgang mit Assets/Bildern + +Der Ordner `assets/` enthält vom Kunden bereitgestellte Bilder und Medien. + +### Wenn Assets vorhanden sind: + +→ Verwende sie gemäß ihrer Ordnerstruktur: +- `assets/logo/` → Header, Footer, Favicon +- `assets/hero/` → Hero-Sections +- `assets/team/` → Team-Seiten, Über-uns +- `assets/gallery/` → Portfolio, Referenzen +- `assets/icons/` → UI-Elemente, Service-Icons +- `assets/backgrounds/` → Hintergründe, Texturen + +### Wenn Assets fehlen: + +→ Generiere passende Platzhalter: +- Nutze das `generate_image` Tool für KI-generierte Bilder +- Oder verwende Placeholder-Services +- Achte auf passende Stimmung und Farbschema + +### Bildoptimierung: + +- Verwende moderne Formate wenn möglich (WebP) +- Definiere angemessene Größen +- Setze alt-Texte für Barrierefreiheit + +--- + ## Explizite Erlaubnis Du DARFST und SOLLST: diff --git a/assets/README.md b/assets/README.md new file mode 100644 index 0000000..13bba4c --- /dev/null +++ b/assets/README.md @@ -0,0 +1,76 @@ +# Assets-Ordner + +Dieser Ordner enthält Bilder und andere Medien, die die KI bei der Website-Erstellung verwenden soll. + +--- + +## Ordnerstruktur + +Organisiere deine Assets in Unterordnern nach ihrer Verwendung: + +``` +assets/ +├── README.md +├── logo/ +│ └── logo.png # Hauptlogo +│ └── logo-white.png # Logo für dunkle Hintergründe (optional) +│ └── favicon.png # Favicon (optional) +├── hero/ +│ └── hero-main.jpg # Hero-Bild für Startseite +│ └── hero-about.jpg # Hero-Bild für Über-uns (optional) +├── team/ +│ └── person-1.jpg # Teammitglied 1 +│ └── person-2.jpg # Teammitglied 2 +├── gallery/ +│ └── projekt-1.jpg # Projektbilder, Referenzen +│ └── projekt-2.jpg +├── icons/ +│ └── service-1.svg # Icons für Services etc. +└── backgrounds/ + └── pattern.png # Hintergrundmuster, Texturen +``` + +--- + +## Namenskonvention + +- **Kleinbuchstaben** verwenden +- **Bindestriche** statt Leerzeichen: `mein-bild.jpg` +- **Beschreibende Namen**: `team-max-mustermann.jpg` statt `IMG_1234.jpg` + +--- + +## Wenn keine Assets vorhanden sind + +Die KI verwendet automatisch **Platzhalter-Bilder**, wenn: + +- Der Ordner leer ist +- Bestimmte erwartete Bilder fehlen + +Platzhalter werden generiert über: +- `generate_image` Tool (KI-generierte Bilder) +- Placeholder-Services (z.B. unsplash, placeholder.com) + +--- + +## Unterstützte Formate + +| Format | Verwendung | +|--------|------------| +| `.jpg` / `.jpeg` | Fotos, Hero-Bilder | +| `.png` | Logos, Grafiken mit Transparenz | +| `.svg` | Icons, Vektorgrafiken | +| `.webp` | Optimierte Webbilder | + +--- + +## Hinweise für die KI + +Die KI erkennt anhand der Ordnerstruktur automatisch: + +- `logo/` → Verwendung in Header/Footer +- `hero/` → Verwendung in Hero-Sections +- `team/` → Verwendung auf Team/Über-uns Seiten +- `gallery/` → Verwendung in Galerien/Portfolio +- `icons/` → UI-Icons, Service-Icons +- `backgrounds/` → Hintergrundbilder, Muster