Сгенерировать сайт в 1 клик — легко с AI

от автора

Моя прошлая и первая статься получила аж 2к просмотров, для меня это оказалось насколько сильной мотивацией, что я проанализировал больше 30 сервисов и собрал тут 5 лучших код — инструментов!

Поехали:
1. V0 — он, после недавнего обновления, может сгенерировать для вас фулл стек веб приложение, всего по одному запросу:

Заходим на сайт — v0.dev, регаемся

 жмакаем на окно ввода запроса и пишем, что душе угодно:

жмакаем на окно ввода запроса и пишем, что душе угодно:
ждем ответа...

ждем ответа…
Он создает файловую структуру, генерирует как бекенд так и фронтенд (Использует Claude 3.5.1)

Он создает файловую структуру, генерирует как бекенд так и фронтенд (Использует Claude 3.5.1)

За 5 сообщений я получил такой результат:

Он может вставлять изображения с имгур, стоков и альтернатив имгуру, копировать сайты с скриншота и задеплоить сгенерированную аппликацию

Это все не бесплатном плане (еще можно кстати добавить вашу кодовую базу, делать форки чужих и своих проектов), а на платном можно даже установить свой домен.

Инструмент очень сильный, особенно если вам лень верстать — просто кидаете скриншот, но возможно следующий инструмент больше подойдет под верстальщиков

2. ScreenshotToCode (V2.0) — вся его прелесть еще в том, что это опенсурс проект (что мы в моем комьюнити уважаем), он может работать как на Anthropic API и OpenAI Api, так и с вашими OpenAi совместимыми апи, которые кстати могут быть бесплатными (тут мой пост, где я рассказываю про бесплатные Апи ЛЛМ, можете подписаться 😃)

Инструкция по установке — КЛИК

Вот как выглядит интерфейс

Вот как выглядит интерфейс

Какие результаты я получил (в 1 касание, как говорится):

слева скриншот, справа превью результата

слева скриншот, справа превью результата
слева скриншот, справа превью результата

слева скриншот, справа превью результата

3. Bolt.NEW — соз даст фуллстек приложение, так же по одному запросу, но он позволяет еще потом и скачать код, а так же это опенсурсный проект и его доработанный форк (активно усовершенствуется — ТУТ

На примере с резюме:

Результат (в этот раз я особенно удивился, ведь это получилось всего с 2 запросов):

Очень круто, я всего лишь попросил его сделать портфолио и навалить эффектов и анимаций, а он сделал открывающиеся окна, сам добавил стек для проектов и так далее!

4. Cline — еще один, полностью бесплатный проект, опенсурс, все как любит народ):
Это расширение для VScode, которое удивляет:

  • По запросу пишет код, сам создает файлы и их заполняет

  • Выполняет команды в терминале

  • Может использовать браузер для оценки своей работы

  • Можно добавить контекст и дорабатывать уже готовый проект

  • Может выполнять поиск в интернете

  • Если вы богатый: поддерживает Claude Computer Use, а с ним он уже может все, сам задеплоить проект куда душе вашей угодно (или его, как попросите), загрузить на гитхаб, спарсить, а затем воссоздать чужой сайт… Тяжело все перечислить

Поддерживает всех популярных Api провайдеров, даже LMstudio Api и ollama Api, ну и совместимые с OpenAI Api (еще раз, бесплатные LLM Api — КЛИК)

5. WindSurf — полная альтернатива Cursor IDE, только бесплатная.
Есть еще несколько преимуществ:

  • Лучше понимает контекст проекта, по сравнению с Cursor

  • Может сразу менять ваши файлы, что освобождает вас от бесконечной вставки изменений

  • Дает полный бесплатный доступ к Claude 3.5 Sonnet

На этом всё, постарался максимально кратко и интересно рассказать о лучших, но почему то не популярных сервисах, которые если не помогут вам в работе — то уж точно дадут поиграться 😋

Больше актуальных статей и новостей искусственного интеллекта в моем телеграм-канале — Друг Опенсурса


ссылка на оригинал статьи https://habr.com/ru/articles/862774/


Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *