В этом видео я показываю простой пример вайбкодинга для новичков. Мы вместе создадим полноценный Markdown → HTML конвертер с помощью нейросети Claude всего за несколько минут.
Без сложных фреймворков, без установки программ и без глубоких знаний программирования.
Смотрите также на ВК-видео или Дзен.
В видео:
- что такое вайбкодинг;
- как использовать Claude для генерации кода;
- как создать HTML-приложение с JavaScript и CSS;
- как конвертировать Markdown в HTML;
- как дорабатывать проект через обычные текстовые запросы;
- как быстро сделать полезный инструмент для сайта.
Это отличный старт для новичков, которые хотят начать создавать приложения с помощью ИИ.
Полезные ссылки:
Если видео понравилось — поставьте лайк и напишите в комментариях, какой инструмент сделать следующим.
Промпт из видео для создания конвертера Markdown → HTML:
Создай веб-приложение для конвертации Markdown в HTML со следующими требованиями:
ФУНКЦИОНАЛЬНОСТЬ:
— Текстовое поле для ввода Markdown-текста
— Кнопка «Конвертировать»
— Область предварительного просмотра HTML-результата
— Возможность загрузки .md файлов с компьютера
— Кнопка копирования HTML-кода в буфер обмена
— Кнопка скачивания результата как .html файлаПОДДЕРЖИВАЕМЫЙ MARKDOWN-СИНТАКСИС:
— Заголовки (H1-H6)
— Жирный и курсивный текст
— Списки (маркированные и нумерованные)
— Ссылки и изображения
— Блоки кода и инлайн-код
— Цитаты
— Горизонтальные линии
— ТаблицыТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ:
— Чистый JavaScript (без фреймворков)
— Адаптивный дизайн
— Современный, минималистичный интерфейс
— Валидный HTML5 и CSS3
— Все в одном HTML-файле (inline CSS и JS)ДИЗАЙН:
— Двухпанельный layout (редактор слева, превью справа)
— Светлая цветовая схема
— Удобная типографика для чтения кода
— Плавные переходы и анимацииСоздай полностью рабочий проект с комментариями в коде.