GitHub-радар
Маскот для сайта: анимированный персонаж за одну команду
Опенсорс-компонент, который добавляет на сайт живого персонажа, следящего за курсором. Пятьдесят два готовых маскота, шесть визуальных стилей, или рисуй своего через агента.
Page Mascot — опенсорс-компонент React, который ставит на страницу живого персонажа: тот следит за курсором и моргает на клик. Каждый маскот построен из двух листов 3×3 — девять направлений взгляда и девять выражений лица, поэтому переходы плавные. В комплекте 52 готовых персонажа в шести стилях: цветной, акварель, скетч, ризо, бумажный и пиксельный. Автор — Камран Ахмед, создатель roadmap.sh. Свой персонаж по описанию или фото рисует агент через скилл: в Codex работает сразу, в Claude Code нужен ключ OpenAI API для генерации изображений.
Зачем это вайб-кодеру
Сайт получает живую деталь без написания анимации с нуля. Готовые персонажи работают сразу — только скачать два файла. Свой персонаж агент делает по одному запросу: описываешь словами или прикладываешь фото.
Как поставить
Скопируйте и отправьте своему агенту — Claude Code, Codex, любому:
Установи скилл из https://github.com/nilbuild/page-mascot: `npx skills add nilbuild/page-mascot --skill page-mascot --global --yes` — потом добавь на мою страницу лисицу через `/page-mascot put the fox on my page` и покажи результат; если для рисования нужен ключ OpenAI API — спроси.
Запустится на обычном ноутбуке — это браузерный компонент, видеокарта не нужна. Для рисования нового персонажа в Claude Code нужен ключ OpenAI API.
Открыть на GitHub▌ Ещё находки