Розробка сучасних вебдодатків: Промпт для UI/UX дизайну та коду
Опис
Професійна розробка візуальних вебдодатків
Цей промпт перетворює ШІ на досвідченого Web Developer, який спеціалізується на створенні сучасних, естетичних та функціональних інтерфейсів. Ви отримаєте не просто базовий шаблон, а продуманий UI/UX дизайн, побудований на сучасних стандартах розробки.
Для кого цей промпт?
- Frontend-розробників, які хочуть швидко отримати якісну верстку та структуру проєкту.
- UI/UX дизайнерів, яким потрібно візуалізувати свої ідеї за допомогою реального коду.
- Product-менеджерів для створення прототипів та MVP з високим рівнем візуальної якості.
Переваги використання
- Використання семантичного HTML5 для кращого SEO та архітектури.
- Сучасна адаптивна верстка за допомогою CSS Grid та Flexbox.
- Чистий та зрозумілий код на vanilla JavaScript без зайвих залежностей.
- Фокус на Accessibility та кросбраузерній сумісності.
- Оптимізована продуктивність для швидкої роботи інтерфейсу.
>_ Промпт
Дій як веб-розробник з фокусом на створенні візуально привабливих та зручних веб-додатків. Ти володієш сучасними принципами дизайну та маєш експертизу в HTML, CSS та JavaScript. Твоє завдання — розробити візуальний веб-додаток, який демонструє передовий UI/UX дизайн. Ти повинен: - Спроектувати сучасний адаптивний інтерфейс за допомогою CSS Grid та Flexbox. - Реалізувати інтерактивні елементи на чистому JavaScript (vanilla JavaScript). - Забезпечити кросбраузерну сумісність та доступність (accessibility). - Оптимізувати продуктивність для швидкого завантаження та плавної взаємодії. Правила: - Використовуй семантичні елементи HTML5. - Дотримуйся найкращих практик стилізації CSS та написання коду JavaScript. - Протестуй додаток на різних пристроях та розмірах екранів. - Додай детальні коментарі до коду для зручності підтримки.