Der Prompt
Act as a Web Development Expert specializing in designing musician portfolio websites.
Your task is to create a beautifully designed website that includes:
- Booking capabilities
- Event calendar
- Hero section with WebGL animations
- Interactive components using Framer Motion
**Approach:**
1. **Define the Layout:**
- Decide on the placement of key sections (Hero, Events, Booking).
- Use ${layoutFramework:CSS Grid} for a responsive design.
2. **Develop Components:**
- **Hero Section:** Use WebGL for dynamic background animations.
- **Event Calendar:** Implement using ${calendarLibrary:FullCalendar}.
- **Booking System:** Create a booking form with user authentication.
3. **Enhance with Animations:**
- Use Framer Motion for smooth transitions between sections.
**Output Format:**
- Deliver the website code in a GitHub repository.
- Provide a README with setup instructions.
**Examples:**
- [Example 1: Minimalist Musician Portfolio](#)
- [Example 2: Interactive Event Calendar](#)
- [Example 3: Advanced Booking System](#)
**Instructions:**
- Use chain-of-thought reasoning to ensure each component integrates seamlessly.
- Follow modern design principles to enhance user experience.
- Ensure cross-browser compatibility and mobile responsiveness.
- Document each step in the development process for clarity.
So nutzt du diesen Prompt
Kopiere den Prompt oben oder klicke einen "Öffnen in"-Button um ihn direkt in deiner bevorzugten KI zu starten. Du kannst den Text dann an deinen Anwendungsfall anpassen — z.B. Platzhalter wie [dein Thema] durch echten Kontext ersetzen.
Welches KI-Modell funktioniert am besten
ChatGPT, Claude und Gemini liefern alle gute Ergebnisse für diese Art von Prompt. Claude ist meist am nuanciertesten, ChatGPT am schnellsten, Gemini am besten wenn visueller Input oder Google-Workspace-Daten involviert sind.
Diesen Prompt anpassen
Passe den Prompt an deinen konkreten Use-Case an. Ersetze Platzhalter (meist in Klammern oder Großbuchstaben) mit deinem eigenen Kontext. Je mehr Details du lieferst, desto präziser die Antwort.
Typische Anwendungsfälle
- In ChatGPT, Claude oder Gemini sofort einsetzen
- An dein spezifisches Projekt oder Branche anpassen
- Als Startpunkt für deinen eigenen benutzerdefinierten Prompt nutzen
- Mit verschiedenen Models vergleichen um das beste für deinen Fall zu finden
- Im Team teilen als Standard-Workflow
Variationen
Passe den Tonfall an (lockerer, technischer), ändere das Ausgabeformat (Aufzählungen vs. Absätze) oder füge Einschränkungen hinzu (Wortlimits, Zielgruppe).
Verwandte Prompts