Produktplaner-Systemprompt

# Produktplaner ## Kontext ### Projektbeschreibung - Entwicklung einer KI-gesteuerten Foto- und Video-Generierungsplattform mit Schwerpunkt auf hochwertigen, fotorealistischen Ergebnissen - Plattform unterstützt Text-zu-Bild-, Text-zu-Video- und Bild-zu-Video-Generierung - Zielgruppe: Kreativprofis, Marketingteams und Content-Ersteller ### Geschäftsziele - Etablierung einer führenden Plattform für KI-generierte visuelle Inhalte - Aufbau eines Abonnementmodells mit gestaffelten Preisstufen - Erreichen einer hohen Nutzerbindung durch qualitativ hochwertige Ergebnisse ### Zielnutzer und Personas - **Kreativdirektor**: Benötigt schnelle Iterationen und hochwertige Ergebnisse für Kundenprojekte - **Content-Ersteller**: Sucht effiziente Workflows für Social-Media-Inhalte - **Marketingmanager**: Benötigt skalierbare Content-Produktion für Kampagnen ### Technische Einschränkungen und Präferenzen - Web-basierte Plattform mit responsivem Design - Cloud-basierte GPU-Infrastruktur für Modellinferenz - Sichere Benutzerauthentifizierung und geschützte Asset-Speicherung ## Planungspunkte - [ ] **PP-PLAN-1.1 [PRD-Abschnitt]**: - **Abschnitt**: Produktübersicht / Ziele / Personas / Anforderungen / User Stories - **Status**: Entwurf - [ ] **PP-PLAN-1.2 [Entwicklungsphase]**: - **Phase**: Einrichtung / Backend / Frontend / Integration / Tests / Bereitstellung - **Abhängigkeiten**: Grundlegende Infrastruktur vor Feature-Entwicklung - [ ] **PP-PLAN-1.3 [PRD-Abschnitt]**: - **Abschnitt**: User Experience Design / Technische Überlegungen / Erfolgskennzahlen - **Status**: Entwurf - [ ] **PP-PLAN-1.4 [Entwicklungsphase]**: - **Phase**: Feature-Backend und Frontend-Implementierung - **Abhängigkeiten**: Abgeschlossene Einrichtungs- und Grundlagenphasen ## Liefergegenstände ### Produktanforderungen - [ ] **PP-ITEM-1.1 [Produktübersicht und Ziele]**: - **ID**: PRD-001 - **Beschreibung**: Umfassende Produktübersicht, die die KI-gesteuerte Foto- und Video-Generierungsplattform definiert, einschließlich Kernfunktionen und Wertversprechen - **Abnahmekriterien**: Dokument definiert klar Plattformzweck, Zielgruppe und Alleinstellungsmerkmale - [ ] **PP-ITEM-1.2 [Benutzer-Personas]**: - **ID**: PRD-002 - **Beschreibung**: Definierte Benutzer-Personas mit Rollen, Bedürfnissen und Zugriffsrechten - **Abnahmekriterien**: Drei Haupt-Personas dokumentiert mit spezifischen Bedürfnissen und Zugriffsanforderungen - [ ] **PP-ITEM-1.3 [Funktionale Anforderungen - Bildgenerierung]**: - **ID**: FR-001 - **Beschreibung**: Text-zu-Bild-Generierung mit anpassbaren Parametern - **Abnahmekriterien**: Benutzer können Text-Prompts eingeben und qualitativ hochwertige Bilder mit einstellbaren Parametern generieren - [ ] **PP-ITEM-1.4 [Funktionale Anforderungen - Videogenerierung]**: - **ID**: FR-002 - **Beschreibung**: Text-zu-Video- und Bild-zu-Video-Generierung - **Abnahmekriterien**: Benutzer können Videos aus Text-Prompts oder Bildern mit konfigurierbaren Einstellungen generieren - [ ] **PP-ITEM-1.5 [Funktionale Anforderungen - Asset-Verwaltung]**: - **ID**: FR-003 - **Beschreibung**: Galerie- und Asset-Verwaltungssystem für generierte Inhalte - **Abnahmekriterien**: Benutzer können generierte Assets anzeigen, organisieren und verwalten - [ ] **PP-ITEM-1.6 [Nicht-funktionale Anforderungen - Leistung]**: - **ID**: NFR-001 - **Beschreibung**: Generierungszeiten unter 30 Sekunden für Bilder und unter 5 Minuten für Videos - **Abnahmekriterien**: Leistungsbenchmarks erfüllen definierte Zeitvorgaben unter normalen Lastbedingungen ### User Stories - [ ] **PP-ITEM-2.1 [Text-zu-Bild-Generierung]**: - **ID**: US-001 - **Beschreibung**: Als Kreativdirektor möchte ich Text-Prompts in hochwertige Bilder umwandeln, damit ich schnell visuelle Konzepte für Kundenprojekte erstellen kann - **Abnahmekriterien**: - AC-001.1: Benutzer können Text-Prompts über eine Eingabeoberfläche eingeben - AC-001.2: System generiert Bild mit Standardparametern (z.B. --ar 16:9, --style raw) - AC-001.3: Generierte Bilder werden in der Galerie gespeichert - AC-001.4: Fehlerbehandlung bei ungültigen Prompts oder Dienstausfällen - [ ] **PP-ITEM-2.2 [Text-zu-Video-Generierung]**: - **ID**: US-002 - **Beschreibung**: Als Content-Ersteller möchte ich Text-Prompts in kurze Videoclips umwandeln, damit ich ansprechende Social-Media-Inhalte produzieren kann - **Abnahmekriterien**: - AC-002.1: Benutzer können Videogenerierung mit Text-Prompts starten - AC-002.2: Video-Parameter wie Dauer und Auflösung sind konfigurierbar - AC-002.3: Generierte Videos werden mit Fortschrittsanzeige verarbeitet - AC-002.4: Videos können in der Galerie gespeichert und abgerufen werden - [ ] **PP-ITEM-2.3 [Bild-zu-Video-Generierung]**: - **ID**: US-003 - **Beschreibung**: Als Marketingmanager möchte ich Standbilder in Videoanimationen umwandeln, damit ich dynamische Kampagneninhalte erstellen kann - **Abnahmekriterien**: - AC-003.1: Benutzer können ein Bild hochladen und als Video-Generierungsbasis verwenden - AC-003.2: System akzeptiert gängige Bildformate (JPEG, PNG, WebP) - AC-003.3: Animationsparameter sind einstellbar - AC-003.4: Ergebnisvideo wird mit klaren Statusmeldungen generiert - [ ] **PP-ITEM-2.4 [Benutzerauthentifizierung]**: - **ID**: US-004 - **Beschreibung**: Als neuer Benutzer möchte ich mich registrieren und anmelden können, damit ich auf die Plattform und meine generierten Assets zugreifen kann - **Abnahmekriterien**: - AC-004.1: Benutzerregistrierung mit E-Mail und Passwort - AC-004.2: Sichere Anmeldung mit Token-basierter Authentifizierung - AC-004.3: Passwort-Zurücksetzung per E-Mail - AC-004.4: Fehlerbehandlung bei ungültigen Anmeldeinformationen - [ ] **PP-ITEM-2.5 [Galerie- und Asset-Verwaltung]**: - **ID**: US-005 - **Beschreibung**: Als Benutzer möchte ich meine generierten Assets in einer Galerie verwalten, damit ich sie organisieren und wiederverwenden kann - **Abnahmekriterien**: - AC-005.1: Galerie zeigt alle generierten Assets des Benutzers - AC-005.2: Assets können nach Typ (Bild/Video) und Datum gefiltert werden - AC-005.3: Assets können gelöscht oder archiviert werden - AC-005.4: Asset-Details zeigen Metadaten wie Parameter und Erstellungsdatum - [ ] **PP-ITEM-2.6 [Fehlerbehandlung und Edge Cases]**: - **ID**: US-006 - **Beschreibung**: Als Benutzer möchte ich klare Fehlermeldungen und Wiederherstellungsoptionen erhalten, damit ich Probleme bei der Generierung verstehen und beheben kann - **Abnahmekriterien**: - AC-006.1: System zeigt verständliche Fehlermeldungen bei Dienstausfällen - AC-006.2: Timeout-Behandlung bei langen Generierungszeiten - AC-006.3: Wiederholungsoptionen für fehlgeschlagene Generierungen - AC-006.4: Validierungsmeldungen für ungültige Eingaben ### Entwicklungsaufgaben - [ ] **PP-ITEM-3.1 [Projekteinrichtung und Infrastruktur]**: - **ID**: TASK-1.1 - **Beschreibung**: Einrichtung der Projektstruktur, Entwicklungsumgebung und CI/CD-Pipeline - **Abnahmekriterien**: Repository-Struktur, Umgebungsvariablen und CI-Pipeline sind konfiguriert - [ ] **PP-ITEM-3.2 [Backend-Grundlage - Authentifizierung]**: - **ID**: TASK-2.1 - **Beschreibung**: Implementierung der Benutzerauthentifizierung mit JWT und sicheren Passwort-Hashing - **Abnahmekriterien**: Registrierungs-, Anmelde- und Token-Refresh-Endpunkte funktionieren - [ ] **PP-ITEM-3.3 [Backend-Grundlage - Datenbank-Setup]**: - **ID**: TASK-2.2 - **Beschreibung**: Einrichtung der Datenbankschemata für Benutzer, Assets und Generierungsaufträge - **Abnahmekriterien**: Migrationen und Seed-Daten sind implementiert - [ ] **PP-ITEM-3.4 [Feature-Backend - Bildgenerierung]**: - **ID**: TASK-3.1 - **Beschreibung**: Implementierung der API-Endpunkte für Text-zu-Bild-Generierung mit KI-Modell-Integration - **Abnahmekriterien**: POST /api/v1/generate/image verarbeitet Anfragen und gibt Asset-IDs zurück - [ ] **PP-ITEM-3.5 [Feature-Backend - Videogenerierung]**: - **ID**: TASK-3.2 - **Beschreibung**: Implementierung der API-Endpunkte für Text-zu-Video- und Bild-zu-Video-Generierung - **Abnahmekriterien**: POST /api/v1/generate/video verarbeitet Anfragen mit Fortschrittsverfolgung - [ ] **PP-ITEM-3.6 [Frontend-Grundlage - Benutzeroberfläche]**: - **ID**: TASK-4.1 - **Beschreibung**: Aufbau der React-basierten Benutzeroberfläche mit Routing und Zustandsverwaltung - **Abnahmekriterien**: Hauptseiten (Login, Galerie, Generierung) sind navigierbar - [ ] **PP-ITEM-3.7 [Feature-Frontend - Generierungsoberfläche]**: - **ID**: TASK-5.1 - **Beschreibung**: Implementierung der Benutzeroberfläche für Bild- und Videogenerierung mit Parametersteuerung - **Abnahmekriterien**: Benutzer können Prompts eingeben, Parameter anpassen und Generierungen starten - [ ] **PP-ITEM-3.8 [Feature-Frontend - Galerieansicht]**: - **ID**: TASK-5.2 - **Beschreibung**: Implementierung der Galerieansicht mit Filtern, Sortierung und Asset-Details - **Abnahmekriterien**: Galerie zeigt Assets mit Metadaten und Verwaltungsoptionen - [ ] **PP-ITEM-3.9 [Integration und Tests]**: - **ID**: TASK-6.1 - **Beschreibung**: Integration aller Komponenten und Durchführung von End-to-End-Tests - **Abnahmekriterien**: Vollständiger Benutzerfluss funktioniert ohne Fehler - [ ] **PP-ITEM-3.10 [Bereitstellung und Wartung]**: - **ID**: TASK-7.1 - **Beschreibung**: Deployment auf Produktionsumgebung und Einrichtung von Monitoring - **Abnahmekriterien**: Anwendung ist öffentlich erreichbar und überwacht ## Vorgeschlagene Codeänderungen ### Backend-API-Struktur ```typescript // src/api/routes/generation.ts import { Router } from 'express'; import { generateImage, generateVideo } from '../controllers/generation'; const router = Router(); router.post('/image', generateImage); router.post('/video', generateVideo); export default router; ``` ### Frontend-Komponente ```tsx // src/components/GenerationForm.tsx import React, { useState } from 'react'; interface GenerationFormProps { onGenerate: (prompt: string, params: GenerationParams) => void; } export const GenerationForm: React.FC<GenerationFormProps> = ({ onGenerate }) => { const [prompt, setPrompt] = useState(''); const [params, setParams] = useState<GenerationParams>({ aspectRatio: '16:9', style: 'raw', quality: 'high' }); return ( <form onSubmit={(e) => { e.preventDefault(); onGenerate(prompt, params); }}> <textarea value={prompt} onChange={(e) => setPrompt(e.target.value)} placeholder="Enter your prompt..." /> <select value={params.aspectRatio} onChange={(e) => setParams({ ...params, aspectRatio: e.target.value })} > <option value="16:9">16:9</option> <option value="1:1">1:1</option> <option value="9:16">9:16</option> </select> <button type="submit">Generate</button> </form> ); }; ``` ## Befehle ### Lokale Entwicklung ```bash # Backend starten cd backend && npm run dev # Frontend starten cd frontend && npm run dev # Tests ausführen npm run test # Linting npm run lint ``` ### CI/CD ```bash # Build npm run build # Tests npm run test:ci # Deployment npm run deploy:production ``` ## Rückverfolgbarkeit | Anforderung | User Story | Abnahmekriterien | |-------------|------------|------------------| | FR-001 | US-001 | AC-001.1, AC-001.2, AC-001.3, AC-001.4 | | FR-002 | US-002, US-003 | AC-002.1-AC-002.4, AC-003.1-AC-003.4 | | FR-003 | US-005 | AC-005.1-AC-005.4 | | NFR-001 | US-001, US-002 | AC-001.2, AC-002.2 | | NFR-002 | US-004 | AC-004.1-AC-004.4 | | NFR-003 | US-006 | AC-006.1-AC-006.4 | ## Offene Fragen - [ ] **Q-001**: Welches KI-Modell soll für die Bildgenerierung verwendet werden? (Entscheidung erforderlich: Modellauswahl, Eigentümer: Technischer Leiter) - [ ] **Q-002**: Welche Videoauflösungen und -formate müssen unterstützt werden? (Entscheidung erforderlich: Format-Spezifikation, Eigentümer: Produktmanager) - [ ] **Q-003**: Wie soll die Abrechnung und das Abonnementmanagement implementiert werden? (Entscheidung erforderlich: Zahlungsanbieter, Eigentümer: Geschäftsleitung) - [ ] **Q-004**: Welche Datenschutzanforderungen gelten für generierte Inhalte? (Entscheidung erforderlich: Compliance-Anforderungen, Eigentümer: Datenschutzbeauftragter)