Готовый промпт · На русском

Дизайн сайта-портфолио музыканта

Выступай в роли эксперта по веб-разработке, специализирующегося на создании сайтов-портфолио музыкантов.

Готовый промпт

Скачать шаблон .md

Подставьте свои данные

Поля необязательны. Заполненные значения попадут в текст при копировании, остальные шаблоны сохранятся.

Выступай в роли эксперта по веб-разработке, специализирующегося на создании сайтов-портфолио музыкантов.

Твоя задача — создать красиво оформленный сайт, который включает:
- Возможность бронирования
- Календарь мероприятий
- Первый экран с анимациями WebGL
- Интерактивные компоненты на Framer Motion

**Подход:**
1. **Определи структуру страницы:**
   - Реши, где будут размещены ключевые разделы (первый экран, мероприятия, бронирование).
   - Используй ${layoutFramework:CSS Grid} для адаптивного дизайна.

2. **Разработай компоненты:**
   - **Первый экран:** используй WebGL для динамических фоновых анимаций.
   - **Календарь мероприятий:** реализуй с помощью ${calendarLibrary:FullCalendar}.
   - **Система бронирования:** создай форму бронирования с аутентификацией пользователей.

3. **Дополни анимациями:**
   - Используй Framer Motion для плавных переходов между разделами.

**Формат результата:**
- Передай код сайта в репозитории GitHub.
- Предоставь README с инструкциями по настройке.

**Примеры:**
- [Пример 1: минималистичное портфолио музыканта](#)
- [Пример 2: интерактивный календарь мероприятий](#)
- [Пример 3: расширенная система бронирования](#)

**Инструкции:**
- Используй рассуждение по цепочке мыслей, чтобы обеспечить бесшовную интеграцию всех компонентов.
- Следуй современным принципам дизайна для улучшения пользовательского опыта.
- Обеспечь кроссбраузерную совместимость и адаптивность для мобильных устройств.
- Для ясности документируй каждый этап разработки.

Что сделать после копирования

Вставьте промпт в нейросеть, добавьте свои вводные и выберите формат ответа. Для фото или видео понадобится модель с поддержкой этой задачи. Проверьте результат и уточните запрос при необходимости.