Как я создал 3D-сайт с прокруткой за 2 часа с помощью Claude Code и Veo
Пользователь Reddit u/Tough-Survey-2155 поделился рабочим процессом создания 3D-сайта с прокруткой с нуля примерно за 2 часа. В основе метода — Claude Code для основной работы, собственный навык video to website (автор — Nate Herk) и Veo для генерации видео.
Рабочий процесс
- Создайте навык преобразования видео в сайт — он служит основой для перевода движения в взаимодействие с прокруткой.
- Извлеките первый и последний кадры из исходного видео, затем используйте Veo, чтобы преобразовать их в новое видео. Промпт для видео был сгенерирован в ChatGPT.
- Задайте промпт Claude Code для создания сайта с использованием видеоресурса. Автор отмечает, что после размещения видео остальное было простым делом.
- Доработка дизайна — после генерации потребовалось несколько ручных правок.
Результаты и ссылки
- Демо-сайт: royal-pop-website.vercel.app
- Исходный код: github.com/hamzafarooq/claude-code-starter
В репозитории содержатся стартовые шаблоны Claude Code, которые можно повторно использовать для аналогичных проектов. Автор отмечает, что весь процесс занял всего 2 часа, что делает этот пример практическим руководством для разработчиков, желающих быстро прототипировать 3D-сайты с прокруткой с помощью ИИ.
📖 Read the full source: r/ClaudeAI
👀 Смотрите также
Создание локального голосового AI-ассистента с помощью SwiftUI и CSM-1B на Apple Silicon
Разработчик создал mobiGlas, приложение на SwiftUI, которое объединяется с OpenClaw для возможности разговоров без рук через AirPods, используя локальное клонирование голоса (CSM-1B на M2 Ultra) и без облачных API.
Краткость побеждает пещерного человека в бенчмарке сжатия Claude Code
Бенчмарк из 24 запросов показывает, что плагин сжатия caveman для Claude Code дает такое же количество токенов и качество, как простое добавление 'be brief.' — но согласованная форма вывода и правила безопасности плагина дают структурные преимущества.
Репозиторий Токенов: GitHub Action Добавляет Значок Подсчета Токенов для Осведомленности о Контекстном Окне LLM
Repo Tokens — это GitHub Action, который подсчитывает размер вашей кодовой базы в токенах с помощью tiktoken и добавляет в README значок, показывающий, какой процент контекстного окна языковой модели он заполняет. Значок использует зелёный цвет для менее 30%, жёлтый для 50-70% и красный для 70% и выше.
Сервер Nakkas MCP Создает Анимированные SVG из Описаний ИИ
Nakkas — это MCP-сервер, в котором искусственный интеллект создаёт полные анимированные SVG-конфигурации по описаниям, генерируя чистые анимированные SVG с фигурами, градиентами, анимациями и фильтрами. Он поддерживает параметрические кривые, 15 пресетов фильтров, CSS @keyframes и SMIL-анимации, и работает везде, где рендерится SVG.