Помощник сценариста▸ 
AI Приложения 
AI Новости 
Same.New: быстрое проектирование, разработка и развертывание полнофункциональных сайтов с помощью простых подсказок
Same.New: быстрое проектирование, разработка и развертывание полнофункциональных сайтов с помощью простых подсказокОписание
Same.New — это платформа для fullstack веб-разработки на основе ai, с помощью которой пользователи могут быстро проектировать, создавать и развёртывать полнофункциональные сайты, используя простые подсказки.
Основные функции Same
✅ Генерация fullstack-приложений: введите целевой URL или текстовое описание, и система автоматически сгенерирует fullstack-код, включая frontend, backend и базу данных.
✅ Клонирование UI сайта: точное воспроизведение дизайна и вёрстки целевого сайта (попиксельное соответствие).
✅ Редактирование и предпросмотр в реальном времени: встроенная онлайн-среда разработки позволяет напрямую изменять код и мгновенно видеть результат.
✅ Поддержка нескольких фреймворков: сгенерированный код совместим с популярными фреймворками, такими как React, Vue, Next.js и др.
✅ Развёртывание в один клик: поддержка быстрой публикации на хостинг-платформах Vercel, Netlify и др.
Сценарии использования Same
✅ Стартапы: специалисты без технических навыков могут быстро создавать MVP (минимально жизнеспособный продукт) без привлечения команды разработчиков.
✅ Дизайнеры/продакт-менеджеры: прямое преобразование макетов или прототипов в интерактивные веб-страницы для ускорения итераций продукта.
✅ Обучение: начинающие программисты могут изучать логику fullstack-разработки на примере AI-сгенерированного кода.
✅ Корпоративные инструменты: быстрое создание внутренних инструментов, таких как административные панели и дашборды данных.
Стоимость
✅ Бесплатная версия: 500 000 токенов в месяц.
✅ Платная версия: различные тарифные планы с разным количеством токенов, цена от 10 до 100 долларов.
Порядок работы с Same
Вход и регистрация: войдите на официальный сайт, доступна авторизация через Google/GitHub, при отсутствии аккаунта можно быстро зарегистрироваться.
Ввод материалов: вставьте целевой URL в поле ввода (например, ссылку на страницу сайта, который нужно скопировать, например Bilibili) или загрузите скриншот, файл дизайна из Figma. Система автоматически проанализирует структуру страницы, стили и ключевые компоненты (например, навигационную панель, список видео).
Генерация кода: на основе вёрстки целевого сайта выводится компонентный код (например, разбитый на переиспользуемые React-компоненты, такие как Header.js), визуальные эффекты воспроизводятся с помощью styled-components или инлайн-стилей; для многостраничных приложений автоматически генерируется конфигурация маршрутизации (например, для главной страницы Bilibili может быть сгенерирован код HeroCarousel.tsx и др.).
Локальная отладка: сгенерированный проект можно скачать в один клик; для локального запуска сначала выполните npm install для установки зависимостей, затем запустите сервис командой npm start (по умолчанию http://localhost:3000) и в реальном времени сравнивайте и корректируйте код.
✅ Примечание: при клонировании необходимо уважать авторские права исходного сайта, чтобы избежать рисков нарушения.
