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