Musician Portfolio Website Design
Musician Portfolio Website Design — a ready-to-use structured/JSON prompt with customizable fields (layoutFramework, calendarLibrary) for Creative & Design. Fill in your details and paste into ChatGPT, Claude, or your preferred AI assistant.
How to use it
- Fill in layoutFramework, calendarLibrary below (or keep the suggested defaults).
- Copy the generated prompt.
- Paste it into ChatGPT, Claude, or your preferred AI assistant.
Pairs well with Composer — try running them back to back.
Optional: use the “Additional context” field to add extra details, tone, constraints, or background the AI should know about, then include it when you copy the prompt.
Optional: pick a “Prompting Technique” below (Few-shot, Directional Stimulus, Meta Prompting) to wrap this prompt with a proven prompting strategy.
The base 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} for a responsive design.
2. **Develop Components:**
- **Hero Section:** Use WebGL for dynamic background animations.
- **Event Calendar:** Implement using ${calendarlibrary}.
- **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.Want it filled in and enhanced? Use the builder →
Related prompts
Composer
Composer — a ready-to-use text prompt with customizable fields (Your first request) for Creative & Design. Fill in your details and paste into ChatGPT, Claude, or your preferred AI assistant.
AI Assisted Doctor
AI Assisted Doctor — a ready-to-use text prompt with customizable fields (Your first request) for Creative & Design. Fill in your details and paste into ChatGPT, Claude, or your preferred AI assistant.
Automobile Mechanic
Automobile Mechanic — a ready-to-use text prompt for Creative & Design. Copy it and paste into ChatGPT, Claude, or your preferred AI assistant.
Artist Advisor
Artist Advisor — a ready-to-use text prompt for Creative & Design. Copy it and paste into ChatGPT, Claude, or your preferred AI assistant.