Некодер создает интерактивную панель управления MLB с помощью Claude AI и Claude Code в GitHub Codespaces.
Как не-разработчик создал функциональную панель управления MLB
Пользователь Reddit с минимальным опытом программирования (только школьные знания HTML/CSS) успешно создал живую панель управления MLB с помощью инструментов Claude AI. Пользователь начинал без знаний о GitHub, репозиториях, развертывании, фреймворках или даже базовых командах вроде npm install.
Процесс разработки с инструментами Claude
Пользователь объединил два продукта Claude: чат Claude для идей и Claude Code на GitHub Codespaces для реализации. Рабочий процесс включал:
- Использование чата Claude для генерации полной страницы инструкций по сборке, которые можно было напрямую вставить в Claude Code
- Прохождение с Claude настройки Node.js и объяснение, что такое терминал
- Получение автоматических исправлений, когда что-то ломалось во время разработки
- Следование инструкциям по настройке репозитория и подключению Claude Code к GitHub Codespaces
- Настройку GitHub Actions для сбора данных с веб-сайтов
- Подключение к Vercel для хостинга
Функции панели управления
Получившаяся панель управления на mlbhq.vercel.app включает:
- Живые счета игр во время активных матчей
- Отображение следующих запланированных игр команд
- Последние 5 игр с выпадающей статистикой матчей
- Статистику команд и питчеров из предыдущего сезона (обновится, когда начнется новый сезон)
- Таблицу лидеров и информацию о составе
- Отчеты о травмах, которые собирают данные со страниц отчетов о травмах каждой команды, показывая статус игроков и ожидаемые даты возвращения
Пользователь отмечает, что сайт был создан специально для создания панели управления со всей информацией о Yankees, хотя, похоже, охватывает несколько команд. Они признают потенциальные юридические проблемы с использованием данных MLB и доступом к API.
Соображения по среде разработки
Пользователь рассматривает возможность загрузки VS Code вместо продолжения использования исключительно GitHub Codespaces, предполагая, что Codespaces предоставили достаточную среду разработки для этого проекта, несмотря на отсутствие предварительного опыта.
📖 Прочитать полный источник: r/ClaudeAI
👀 Смотрите также
Нетехнический пользователь создает и развертывает веб-сайт с помощью Claude AI со смартфона.
Пользователь без опыта программирования создал и развернул полноценный сайт со своего телефона за один час с помощью Claude AI. Он создал фейковый экран загрузки Portal 3 для первоапрельской шутки, описывая требования простым языком и поручая Claude генерировать спецификации и код.
Настройка OpenClaw на 8-летнем Raspberry Pi с бюджетом $0.
Разработчик успешно настроил OpenClaw на старом Raspberry Pi 4 с 8 ГБ оперативной памяти, который работал круглосуточно в течение трёх недель с минимальными затратами. В настройку входят базовые навыки, такие как ClawHub, Notion, GOG, локальный Whisper и Nano Banana, а также система памяти, подобная человеческой, и пять агентов.
Правила Дорожного Бегуна Чака Джонса как принципы дизайна идентичности ИИ-агента
В посте на Reddit анализируется, как 9 правил Чака Джонса для мультфильмов о Дорожном Бегуне соотносятся с дизайном идентичности ИИ-агентов, выделяя Правило 2 о внутренних режимах сбоев, Правило 3 об избегании циклов оптимизации и Правило 9 о грациозном отказе.
Дизайнер создает нативное приложение для тегирования фотографий на Mac с использованием Claude Code и локальной модели компьютерного зрения.
Дизайнер без опыта работы в Xcode использовал Claude Code для создания Loupe — нативного приложения для Mac на SwiftUI, которое анализирует фотографии с помощью локальной модели компьютерного зрения (minicpm-v через Ollama) и записывает метаданные IPTC/XMP. Приложение включает параллельную обработку, автоматическое определение оборудования и обучающуюся систему, адаптирующуюся к стилю тегирования.