Deepseek Artifacts: генерирование кода React с использованием лучших моделей с открытым исходным кодом с целью создания открытой базы данных публичного фронтенд-кода

Общее введение

Deepseek Artifacts - это сайт для создания React-приложений с использованием лучших в мире моделей с открытым исходным кодом. Пользователи могут описать React-приложение своей мечты, а сайт сгенерирует соответствующий код, используя модель Deepseek V3 (оригинальная модель: Meta-Llama). Сгенерированные ответы сохраняются в публичном наборе данных, чтобы другие пользователи могли обратиться к ним и использовать. Сайт также предоставляет открытую среду "песочницы", где пользователи могут тестировать и настраивать сгенерированный код.

Обратите внимание, что созданный вами код в будущем будет опубликован в открытых наборах данных, поэтому старайтесь не вводить конфиденциальную информацию.

Список функций

• Создание приложений React: пользователи могут описать нужное им приложение React, и сайт сгенерирует соответствующий код.
• Открытая песочница: предоставляет среду для тестирования и настройки сгенерированного кода.
• Сохранение кода: сгенерированный код будет сохранен в публичном наборе данных для использования другими пользователями.
• Поддерживается несколько тем: например, героическая часть темы stripe, темный режим + сетка bento и т.д.

Использование помощи

Как использовать артефакты Deepseek

1. Посетите сайт Deepseek Artifacts.
2. Введите описание приложения React вашей мечты в поле "Описание". Например, "Героическая часть полосатой темы".
3. Нажмите на кнопку "Generate", и сайт сгенерирует соответствующий код, используя модель Deepseek V3.
4. Сгенерированный код отображается в открытой среде "песочницы", где вы можете протестировать и подправить код.
5. Если сгенерированный код вас устраивает, его можно сохранить в публичном наборе данных для других пользователей.

Подробный порядок работы функций

1. Создание приложения React::
   • Введите подробное описание нужного вам приложения React в поле Описание.
   • Нажмите кнопку "Generate" и подождите, пока модель сгенерирует код.
   • Сгенерированный код отображается в среде "песочницы", где вы можете его протестировать и подправить.
2. открытая песочница::
   • Сгенерированный код автоматически загружается в среду песочницы.
   • Вы можете тестировать и настраивать свой код в песочнице.
   • Если у вас возникнут проблемы, вы можете проверить сообщение об ошибке в песочнице и соответствующим образом изменить его.
3. Сохранение кода::
   • Сгенерированный код автоматически сохраняется в общедоступном наборе данных.
   • Вы можете просмотреть другой пользовательский код в наборе данных для ознакомления и изучения.

Подробности о проекте DeepSeek Artifacts

Новый бесплатный кодировщик ИИ для создания публичных наборов данных внешнего кода (Bolt, класс V0)

DeepSeek V3 в последнее время набирает обороты в ИИ-сообществе, и ей удалось попасть на вершину чартов LMS. Это довольно значительное достижение для открытой весовой модели. Что еще более примечательно, так это то, что она очень недорога в использовании. Сегодня мы представим инструмент DeepSeek Artifacts, созданный на ее основе.

DeepSeek Artifacts - это совершенно бесплатный инструмент от Hugging Face, который не требует входа или регистрации для непосредственного использования. Он способен генерировать код для React и Tailwind и работает довольно хорошо.

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

Адрес набора данных: https://huggingface.co/datasets/cfahlgren1/react-code-instructions

Интерфейс инструмента имеет очень простой дизайн без излишней сложности. В интерфейсе можно увидеть ссылку на набор данных, в который попадает сгенерированный контент.

В качестве теста мы использовали статью, написанную ранее, "Сделали сайт AI-сервиса от 0 до 1 с помощью AI, не написав ни строчки кода", и бросили ему трио слов-подсказок из начала для создания прототипа Saas-сайта. Слово-подсказка довольно длинное, и его можно найти в той статье, которая была приведена выше.

Интерфейс создается после ввода слова подсказки:

Затем мы можем нажать "Open Sandbox", и инструмент сгенерирует проект в среде песочницы.

это и Любимый возможно Bolt.new Очень похоже, даже похоже. Клод Artifacts, но разница в том, что она совершенно бесплатна и работает почти каждый раз, когда я ее использую.

Вы можете редактировать код прямо в песочнице, например, используя инструменты Vercel, чтобы начать создавать приложения или SaaS-инструменты прямо на своем телефоне. Если вы хотите скачать проект, вы можете сохранить его локально или создать репозиторий GitHub, что очень удобно. Важно отметить, что нельзя изменять содержимое, отдавая команды непосредственно сгенерированному коду, что является небольшим недостатком. Однако если вы хотите изменить код, вы можете вручную отредактировать его в песочнице. Или вы можете редактировать код непосредственно во встроенном редакторе, что очень удобно. Если вы хотите изменить контент с помощью самого AI, вы можете скопировать код, написать запрос на нужную модификацию и вставить код в запрос, затем отправить запрос. Он сгенерирует новый контент на основе контекста. Инструмент также предлагает отличную поддержку для тех, кто хочет запустить проект локально. Просто откройте песочницу с кодом и нажмите кнопку загрузки, чтобы получить полный zip-архив проекта с файлом package.json.

Распакуйте проект и выполните команду npm run, чтобы запустить проект. Эта функция особенно удобна при необходимости генерировать компоненты или простые сценарии приложений, сгенерированный контент можно использовать отдельно, но также можно интегрировать в другие проекты. Еще одно преимущество инструмента - скорость генерации. Например, если вы используете его для создания страницы, содержащей инструмент SEO-оптимизации, инструмент вставит контент после первого абзаца, сгенерирует FAQ, добавит всплывающую рекламу и будет полностью соответствовать требованиям. Файлы проекта можно легко развернуть на таких платформах, как Netlify. При создании инструмента исследования ключевых слов демонстрируются широкие возможности настройки. После ввода ключевых слов инструмент генерирует соответствующий код, поддерживает ввод API-ключей и сегментацию доменов, а также может автоматически генерировать и группировать ключевые слова, что трудно найти в других инструментах.

В целом, этот инструмент обладает большим потенциалом, поскольку он совершенно бесплатен и очень прост в использовании. Хотя созданный вами контент может быть включен в набор данных, над которым они работают, не все против этого.