Лендинг профессионального уровня с AI без дизайнера и верстальщика. Pencil.Dev + Claude Code

Описание: Бесплатный инструмент, который делает то, за что раньше платили дизайнерам и верстальщикам. Pencil.dev — это почти Figma, только с ИИ-агентом внутри и прямым экспортом в HTML/CSS/JS через MCP.
В ролике разбираем его на реальной задаче: нужен лендинг для PHP-сообщества PHPeople. Пишем ТЗ, генерируем дизайн, правим через промты прямо в интерфейсе, а потом одной командой в терминале получаем готовую верстку — с темной и светлой темой и дизайн-токенами.

Результат можно оценить тут - https://phpeople.cutcode.dev
Сайт проекта - https://www.pencil.dev

Подробнее Pencil.dev рассмотрен на воркшопе - https://app.leadteh.ru/w/fnp4S

Наш AI-чат - https://t.me/ai_chat_cutcode

#pencil #ai
---------------------------------------------------------------------------------
⏰ Таймкоды:
0:00 Введение — обзор PencilDev
0:37 Почему ИИ не заменит дизайнеров, а станет их инструментом
1:07 Задача: лендинг для PHP-сообщества PHPple
1:34 ТЗ и первые итерации дизайна в PencilDev
2:31 Интерфейс: как работать с инструментом (слои, промты, агенты)
3:28 Редактирование через промт на конкретном объекте
4:55 Сравнение с ручными лендингами и итоговый результат дизайна
5:41 Дизайн-токены и MCP — как получить верстку из дизайна
6:03 Claude Code + MCP: генерация верстки одной командой
6:32 Итог: готовый HTML/CSS лендинг с темной/светлой темой

---------------------------------------------------------------------------------
📹 делитесь этим видео с друзьями:
   • Лендинг профессионального уровня с AI без ...  

🔔 подпишитесь на YouTube-канал: https://www.youtube.com/c/CutCodeRu?s...

📼 Курс по Laravel с нуля:
   • Курс по Laravel 8 обучение с нуля. Бесплат...  

Лендинг профессионального уровня с AI без дизайнера и верстальщика. Pencil.Dev + Claude Code

---------------------------------------------------------------------------------
🔗 наш сайт: https://cutcode.dev/?utm_source=yt
📱 Наш telegram-канал: https://t.me/laravel_cutcode