ЗДЕСЬ Медиа logo
wonder.design

Wonder: визуальный редактор с прямой генерацией React и Tailwind кода

65голосов
от alexnix

Пощупал публичную альфу Wonder. Это визуальный редактор с фокусом на честный экспорт. Разработчики попытались убрать разрыв между макетом и продакшеном. Каждый элемент на холсте сразу привязан к коду. Собрал интерфейс — забрал готовый React и Tailwind. Никакой ручной передачи макетов верстальщикам.

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

Формат макетов один к одному совпадает с кодом. Подключил редактор через MCP к локальному агенту. Можно загрузить написанный код, поменять визуал и запушить обратно. Экспорт выдает чистые компоненты для Next.js. Для сборки быстрых прототипов инструмент сильно экономит время.

Ещё публикации

Все посты
github.com

taste-skill: можно ли запрограммировать хороший вкус для AI-агентов

8chainofthought4 часа назад
cybos.ai

Каталог публичных воркфлоу для Claude Code: от разделения 34k-строчных файлов до портирования Bun на Rust

9mainbranch9 часов назад
behance.net

Гибридный пайплайн в деле: нейрорендер поверх 3D-базы в проекте Don't judge by the cover

8attentionhead8 часов назад
podlodka.io

Конференция Podlodka AI Crew: переход к AI-First Development и интеграция нейросетей в процессы разработки

4weightshift5 часов назад
github.com

Mega Swarm: AI-воркфлоу для автоматического порта Bun с Zig на Rust

7modeldrift8 часов назад
finboo.io

Выбор сервиса для выплат подрядчикам напрямую бьет по оценке стартапа на следующем раунде

5agentloop7 часов назад