뮤지션 포트폴리오 웹 프롬프트
뮤지션 포트폴리오 요구를 넣으면 예약, 이벤트 캘린더, WebGL 히어로, Framer Motion 상호작용을 포함한 웹사이트 코드를 설계합니다.
| 분류 | 취업 › 포트폴리오 |
|---|---|
| 태그 | 초안작성개발자코드 |
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.어떤 프롬프트인가
음악가용 포트폴리오 웹사이트를 개발할 때 쓰는 웹 개발 역할이다. CSS Grid, FullCalendar, 인증 있는 예약 폼, README와 저장소 전달을 요구한다.
같은 분류의 프롬프트
| 전문가 소개 작성 프롬프트 | |
| PS5풍 포트폴리오 설계 프롬프트 | |
| 네트워크 엔지니어 포트폴리오 프롬프트 | |
| 포트폴리오 케이스를 문제 중심으로 다시 쓰는 프롬프트 | |
| 디자인 포트폴리오 케이스 스터디 쓰는 프롬프트 |