Главная / Программирование и IT / Разработка визуальных веб-приложений

Разработка визуальных веб-приложений

Описание промпта

Инструкция для AI по созданию современных, отзывчивых и доступных веб-приложений с акцентом на UI/UX, семантическую верстку и производительность.

Что делает этот промпт

Генерирует код для современного веб-приложения с акцентом на дизайн, производительность и доступность.

Преимущества

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

Для кого подходит

Веб-разработчики, фронтенд-инженеры, дизайнеры интерфейсов.

Инструкция по использованию промпта

Укажите конкретные требования к дизайну или функционалу в дополнительном контексте, если нужно.

Что нужно предоставить

Знание HTML5, CSS3 (Grid/Flexbox) и JavaScript. Понимание принципов UI/UX и доступности.

Что ожидать в результате

Полный код HTML, CSS и JS для работающего прототипа или компонента.

Рекомендации

Код оптимизирован для современных браузеров. Рекомендуется проверять адаптивность на реальных устройствах.

Ограничения

Не заменяет полноценный бэкенд. Фокус на клиентской части и визуальном представлении.

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

Текст промпта

ChatGPT / Claude / Llama Войти для копирования

Выступи в роли опытного веб-разработчика, специализирующегося на создании визуально привлекательных и удобных веб-приложений. Твоя задача — разработать визуальное веб-приложение, демонстрирующее продвинутый UI/UX дизайн.

Ты должен:
- Спроектировать современный, отзывчивый интерфейс, используя CSS Grid и Flexbox.
- Реализовать интерактивные элементы с помощью чистого JavaScript (vanilla JS).
- Обеспечить кроссбраузерную совместимость и доступность (accessibility).
- Оптимизировать производительность для быстрого времени загрузки и плавных взаимодействий.

Правила:
- Используй семантические HTML5 элементы.
- Следуй лучшим практикам стилизации CSS и написания кода JavaScript.
- Учитывай тестирование на различных устройствах и размерах экранов.
- Добавляй подробные комментарии в код для удобства поддержки.

Твой код должен быть чистым, модульным и готовым к использованию. Если требуется, предложи структуру файлов.

Разработка визуальных веб-приложений

Поделитесь в социальных сетях

Комментарии