프롬프트 도감 › No.2007
음악가 포트폴리오 웹사이트
Musician Portfolio Website
공연 일정, 예약 폼, 움직이는 첫 화면이 있는 음악가용 웹사이트 코드를 만들어 줘요. 설치 방법을 적은 README도 함께 나와요.
이럴 때 밴드 홈페이지, 공연 예약 페이지, 포트폴리오 사이트
도구 ChatGPT · Claude · Gemini
프롬프트
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.팁
- 달력 도구는 쓰던 걸로 바꿔 말해요
- 먼저 화면 구성만 뽑아 보고 코드를 요청해요
출처
권리: CC0 (f/prompts.chat). 자유 사용. 기여자: [email protected].