docs: Add asset handling guidelines to the AI decision logic and create a README for the assets folder.

This commit is contained in:
1elle1
2026-02-05 11:01:18 +01:00
parent 00dbf6b869
commit cb5f9ba367
2 changed files with 105 additions and 0 deletions

View File

@@ -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 ## Explizite Erlaubnis
Du DARFST und SOLLST: Du DARFST und SOLLST:

76
assets/README.md Normal file
View File

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