GitHub-радар
Page Mascot: анимированный AI-персонаж для вашего сайта
React-компонент с открытым исходным кодом, который добавляет на ваш сайт анимированного интерактивного маскота. Он будет следовать за курсором мыши и подмигивать при клике. Доступны 52 готовых маскота, либо можно создать своего с помощью AI-агент-скилла.
React-компонент с открытым исходным кодом, который добавляет на твою веб-страницу анимированного маскота! Этот маскот будет следить за курсором мыши, поворачивая голову в 9 разных положениях, и при клике показывать одно из 9 выражений. Мы используем спрайт-листы 2 x 3, чтобы анимация была плавной и все положения идеально совпадали. Доступно 52 готовых маскота и 6 стилей (цветной, чернильный, скетч, ризо, бумажный, пиксельный). Сделано Kamran Ahmed, создателем roadmap.sh. Если хочешь, чтобы я сделал конкретного маскота по твоему описанию или картинке, установи этот скилл для агента и попроси. Это должно работать «из коробки» в Codex, а для Claude Code нужен ключ OpenAI API, чтобы генерировать изображения.
Зачем это вайб-кодеру
Добавь своим сайтам немного характера, не думая о том, как строить систему анимации! Выбирай из наших 52 готовых маскотов (все бесплатные!), для которых нужны всего 2 картинки. А можно просто попросить меня собрать маскота под тебя с нуля — по одному только описанию или картинке.
Как поставить
Скопируйте и отправьте своему агенту — 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▌ Ещё находки