日常生活
音乐家作品集网站设计
Musician Portfolio Website Design
- 测试模型:
- GPT-4o
- 有效性评分:
- 90/100
- 提示词归档
中文版本
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.填入内容并运行
这条提示词有 5 处待填。填好后我们会为你拼出完整提示词。
还有 5 处未填
完整提示词
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.- 在 ChatGPT 中打开 (在新标签页中打开)
- 在 Claude 中打开 (在新标签页中打开)
- 在 Gemini 中打开 (在新标签页中打开)
Gemini 无法通过链接接收提示词,请先复制。
- 在 Perplexity 中打开 (在新标签页中打开)
将在新标签页打开并已填入提示词。可能需要先登录该服务。
如何使用此提示词
- 发送前,请将方括号中的内容替换为你自己的信息。
- 不同模型的结果会有差异。若输出不理想,可换一个模型或补充一个具体示例。
- 请将提示词放在一条消息中发送。分多次发送会削弱指令效果。