docs: Add asset handling guidelines to the AI decision logic and create a README for the assets folder.
This commit is contained in:
@@ -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:
|
||||
|
||||
76
assets/README.md
Normal file
76
assets/README.md
Normal 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
|
||||
Reference in New Issue
Block a user