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

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

Имплications этой технологии глубоки. Вместо поддержания кодовой базы и развертывания обновлений, программное обеспечение может быть сгенерировано в момент, адаптированное к конкретным потребностям и контексту пользователя. Этот "just-in-time" подход имеет потенциал революционизировать разработку программного обеспечения, снижая накладные расходы традиционной доставки программного обеспечения и открывая возможности для более персонализированных и адаптивных впечатлений.

TL;DR: TL Browse - это новый проект, который позволяет вам динамически создавать веб-страницы с использованием контента, сгенерированного с помощью ИИ. Он использует крупные языковые модели для генерации содержимого и макета веб-страниц в режиме реального времени, на основе ввода пользователя. Этот проект демонстрирует потенциал "программного обеспечения с динамической генерацией", где приложения создаются и доставляются в момент, а не предварительно отрендеренные.

Основные функции TL Browse включают:

• Бесконечный веб-холст, где вы можете перемещаться и исследовать веб-страницы, сгенерированные с помощью ИИ
• Возможность генерировать веб-страницы, просто введя URL-адрес (например, "bestbuy.com")
• Динамически сгенерированные страницы, которые можно дополнительно редактировать и настраивать
• Поддержка различных моделей ИИ, включая OpenAI, Anthropic и другие
• Возможность локального развертывания для запуска моделей ИИ непосредственно на вашем компьютере

Проект TL Browse позволяет не только генерировать веб-страницы на лету, но и настраивать и загружать сгенерированный контент. Вот как вы можете работать с веб-страницами, сгенерированными с помощью ИИ:

1. Настройка: После генерации веб-страницы вы можете легко редактировать контент, нажимая на различные элементы. Проект предоставляет набор инструментов редактирования, которые позволяют изменять текст, изображения и другие компоненты страницы.

2. Загрузка кода: Если вы довольны сгенерированной страницей, вы можете загрузить код, нажав кнопку "Загрузить". Это предоставит вам HTML, CSS и JavaScript файлы, составляющие веб-страницу, которые вы можете дополнительно настроить или развернуть по мере необходимости.

3. Обновление страницы: Если вы хотите сгенерировать новую версию веб-страницы, вы можете просто нажать кнопку "Обновить". Это создаст свежий экземпляр страницы на основе текущего URL-адреса или ввода.

4. Сохранение и обмен: Проект также позволяет сохранять текущее состояние холста, включая все сгенерированные страницы. Затем вы можете поделиться уникальным URL-адресом с другими, которые смогут исследовать и взаимодействовать с тем же набором веб-страниц, сгенерированных с помощью ИИ.

Чтобы начать работу с TLBrowse, вам необходимо настроить свои учетные записи Anthropic и Clerk. Вот как это сделать:

1. Создание учетной записи Anthropic:

   • Перейдите на консоль веб-сайта Anthropic по адресу console.anthropic.com.
   • Нажмите "Создать ключ", чтобы сгенерировать ваш ключ API Anthropic.
   • Скопируйте сгенерированный ключ API.

2. Создание учетной записи Clerk:

   • Зарегистрируйтесь в Clerk по адресу clerk.com.
   • Создайте новое приложение в Clerk.
   • Скопируйте публичный ключ и секретный ключ Clerk.

3. Настройка переменных окружения:

   • В Visual Studio Code перейдите в папку проекта TLBrowse.
   • Создайте новый файл с именем .env.local в корне проекта.
   • В файле .env.local добавьте следующие строки:

     ANTHROPIC_API_KEY="your_anthropic_api_key"
     CLERK_PUBLISHABLE_KEY="your_clerk_publishable_key"
     CLERK_SECRET_KEY="your_clerk_secret_key"
     

   • Замените your_anthropic_api_key, your_clerk_publishable_key и your_clerk_secret_key на соответствующие значения, которые вы скопировали ранее.
   • Сохраните файл .env.local.

4. Обновление файла Layout.tsx:

   • В проекте TLBrowse откройте файл layout.tsx.
   • Найдите компонент ClerkProvider и добавьте свойство publishableKey, передав в него публичный ключ Clerk:

     <ClerkProvider publishableKey="your_clerk_publishable_key">
       {/* Остальной код */}
     </ClerkProvider>
     

   • Сохраните файл layout.tsx.

Теперь, когда у вас настроены учетные записи Anthropic и Clerk, вы можете приступить к локальному запуску проекта TLBrowse.

Чтобы использовать локальную или пользовательскую модель ИИ с TLBrowse, выполните следующие шаги:

1. В файле route.ts замените значение cloudModel на модель, которую вы хотите использовать, например, 'gpt-4'.

2. В том же файле route.ts замените значение process.env.CLOUD_KEY на ваш ключ API OpenAI.

3. В файле m.ts добавьте ваш ключ API OpenAI в значение process.env.OPENAI_API_KEY.

4. В файле client.ts замените значение OPENAI_URL на URL-адрес вашей локальной модели.

После внесения этих изменений приложение TLBrowse должно использовать вашу локальную или пользовательскую модель ИИ вместо модели Anthropic по умолчанию. Имейте в виду, что вам может потребоваться дополнительно настроить код в зависимости от конкретных требований выбранной вами модели.