Магическая AI-рисовалка

Приложение для AI-рисования, разработанное на основе Next.js, с основными функциями:

• 🎨 Поддержка различных AI-моделей (Sora, DALL-E, GPT, GEMINI и др.), а также добавление пользовательских моделей
• 🖼️ Предоставляет функции генерации изображений по тексту и по изображению, поддерживает многократные ссылки и редактирование областей
• 🔐 Все данные и API-ключи хранятся локально, обеспечивая безопасность и конфиденциальность
• 💻 Поддержка веб-версии и десктопной упаковки приложения, кроссплатформенность

Онлайн-демонстрация

Ссылка для доступа: https://image-front-eight.vercel.app/

Скриншоты приложения

Особенности

• 🎨 Поддержка множества AI-моделей
• Модель GPT Sora_Image
• Модель GPT 4o_Image
• Модель GPT Image 1
• Модель DALL-E 3
• Модель GEMINI
• 🆕 Пользовательские модели (поддержка добавления приватных моделей)
• 🔄 Переключение между моделями
• Быстрое переключение между разными моделями
• Для каждой модели доступны отдельные параметры настройки
• ✍️ Генерация изображений по тексту
• Поддержка пользовательских подсказок
• Возможность выбора соотношения сторон изображения
• Поддержка различных размеров изображений
• 🖼️ Генерация изображений по изображению
• Поддержка редактирования изображений
• Поддержка редактирования маски областей
• Поддержка регулировки качества изображения
• Поддержка множественных изображений для ссылки (одновременная загрузка нескольких картинок)
• 🔒 Безопасность данных
• Все сгенерированные изображения и история сохраняются только в локальном браузере
• Поддержка настройки собственного адреса API-прокси
• Поддержка конфигурации API-ключа
• 📱 Дизайн интерфейса
• Современный пользовательский интерфейс
• Плавный опыт взаимодействия
• Отображение в формате Markdown
• Поддержка подсветки кода
• 🖥️ Кроссплатформенная поддержка
• Возможность сборки в настольное приложение (Windows, macOS, Linux)
• Поддержка офлайн-использования (требуется настройка API-интерфейса)

Технологический стек

• Next.js 14
• TypeScript
• Tailwind CSS
• shadcn/ui
• React
• Tauri (упаковка настольных приложений)

Локальная разработка

• Клонируйте проект

git clone https://github.com/HappyDongD/magic_image.git
cd magic_image

• Установка зависимостей

npm install
或
yarn install
或
pnpm install

• Запуск сервера разработки

npm run dev
或
yarn dev
或
pnpm dev

• 访问 http://localhost:3000

Упаковка настольного приложения

В этом проекте используется Tauri для упаковки настольных приложений, поддерживаются системы Windows, macOS и Linux.

Подготовка среды

Перед упаковкой настольного приложения необходимо установить следующие зависимости:

• Установка Rust:
• Перейдите по ссылке https://www.rust-lang.org/tools/install
• Следуйте инструкциям для установки Rust и Cargo
• Системные зависимости:
• Windows: Установите Visual Studio C++ Build Tools
• macOS: Установите инструменты командной строки Xcode (xcode-select --install)
• Linux: Установите соответствующие зависимости, подробнее см. документацию Tauri

Режим разработки

# 安装 Tauri CLI
npm install -D @tauri-apps/cli
启动桌面应用开发模式
npm run tauri:dev

Создание настольного приложения

# 构建桌面应用安装包
npm run desktop

После завершения сборки установочный пакет для соответствующей системы можно найти в каталоге src-tauri/target/release/bundle.

Развертывание на Vercel

• Форкните этот проект в свой аккаунт GitHub
• Создайте новый проект на Vercel
• Импортируйте свой репозиторий GitHub
• Нажмите "Deploy" (Развернуть)

Инструкция по использованию

• При первом использовании необходимо настроить API-ключ
• Нажмите в правом верхнем углу "Настройки ключа"
• Введите API-ключ и базовый адрес
• Нажмите "Сохранить"
• Также можно быстро настроить через параметры URL:

`` http://localhost:3000?url=你的API地址&apikey=你的API密钥 ` 例如： ` http://localhost:3000?url=https%3A%2F%2Fapi.example.com&apikey=sk-xxx `` Примечание: специальные символы в URL должны быть закодированы для URL

• Выбор режима генерации
• Генерация по тексту: создание изображения по текстовому описанию
• Генерация по изображению: загрузка изображения для редактирования
• Настройка параметров генерации
• Выбор AI-модели (встроенная или пользовательская)
• Установка пропорций изображения
• Регулировка качества изображения (режим генерации по изображению)
• Управление пользовательскими моделями
• Нажмите на значок настроек рядом с выбором модели
• Добавить новую модель: введите название модели, значение и выберите тип
• Редактировать модель: нажмите кнопку редактирования у нужной модели
• Удалить модель: нажмите кнопку удаления у нужной модели
• Выбрать модель: нажмите кнопку плюса, чтобы сразу использовать выбранную модель
• Описание типов моделей
• Формат DALL-E: используется интерфейс генерации изображений (/v1/images/generations)
• Формат OpenAI: используется интерфейс чата (/v1/chat/completions)
• Генерация изображения
• Введите подсказку
• Нажмите кнопку "Сгенерировать изображение"
• Дождитесь завершения генерации
• Управление изображениями
• Просмотр истории
• Загрузка созданных изображений
• Редактирование существующих изображений

Важные замечания

• Все созданные изображения и история сохраняются только в локальном браузере
• Использование приватного режима или смена устройства приведёт к потере данных
• Своевременно скачивайте и резервируйте важные изображения
• Настройки API безопасно сохраняются в вашем браузере, не загружаются на сервер
• Браузер блокирует загрузку HTTP-ресурсов на HTTPS-сайтах, приложение автоматически конвертирует HTTP-интерфейсы в HTTPS

Руководство по внесению вклада

Приветствуются предложения через Issue и Pull Request для улучшения проекта.

Лицензия

Данный проект распространяется под лицензией Apache License 2.0.

Согласно лицензии, вы можете:

• ✅ Коммерческое использование: разрешено использовать программное обеспечение в коммерческих целях
• ✅ Модификация: разрешено изменять исходный код программного обеспечения
• ✅ Распространение: разрешено распространять программное обеспечение
• ✅ Личное использование: разрешено использовать программное обеспечение для личных нужд
• ✅ Патентная лицензия: данная лицензия также предоставляет патентные права

Но необходимо соблюдать следующие условия:

• 📝 Лицензионное и авторское уведомление: необходимо включить оригинальную лицензию и уведомление об авторских правах
• 📝 Уведомление об изменениях: необходимо отмечать существенные изменения исходного кода
• 📝 Уведомление о товарных знаках: запрещено использовать товарные знаки авторов

---

Угостите меня чашкой кофе

Если этот проект оказался для вас полезным, буду рад, если угостите меня чашкой кофе ☕️

Контактная информация

Если у вас есть вопросы или предложения, свяжитесь со мной через WeChat:

--- Tranlated By Open Ai Tx | Last indexed: 2025-09-09 ---