jkvideo-bilibili-react-native — скилл для Claude Code: как установить
Скилл помогает разрабатывать мобильный клиент Bilibili на базе React Native 0.83 и Expo SDK 55. Нужен при настройке DASH, WBI-подписи и стриминга.
npx skills add reason-machines/trending-skills --skill jkvideo-bilibili-react-native -a claude-codeЧто делает jkvideo-bilibili-react-native
Скилл описывает архитектурные правила для кодовой базы JKVideo. Он помогает настроить маршрутизацию через expo-router v4, хранение стейта в Zustand и работу с сетевыми запросами к API Bilibili через Axios с автоматической подстановкой куки SESSDATA.
В проекте используется реализация WBI-подписи на чистом TypeScript с кешированием ключей на 12 часов. Для проигрывателя формируется локальный MPD-манифест под DASH, а прямые эфиры принимают HLS и сообщения даммаку через WebSocket.
Для воспроизведения потоков в разрешении 1080p и выше Expo Go не подойдёт — потребуется собрать нативный Dev Build через npx expo run:android или run:ios. При тестировании в вебе нужно запускать прокси на порту 3001, чтобы обойти блокировку картинок по рефереру.
Какие задачи решает
- собрать видеоплеер с адаптивным битрейтом DASH на React Native
- реализовать WBI-подпись параметров API Bilibili без сторонних библиотек
- настроить получение даммаку в реальном времени через WebSocket
- обойти ограничение реферера при загрузке картинок в веб-версии
Примеры запросов агенту
- Как сформировать локальный MPD-манифест для DASH-потока в react-native-video?
- Покажи реализацию подписи signWbi для запросов к API Bilibili
- Настрой плеер прямого эфира и подключение даммаку через WebSocket
Как установить jkvideo-bilibili-react-native
1Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill jkvideo-bilibili-react-native -a claude-code2Вручную: положить файлы
~/.claude/skills/jkvideo-bilibili-react-native/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/jkvideo-bilibili-react-native/
1Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill jkvideo-bilibili-react-native -a codex2Вручную: положить файлы
.agents/skills/jkvideo-bilibili-react-native/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill jkvideo-bilibili-react-native -a cursor2Вручную: положить файлы
.cursor/skills/jkvideo-bilibili-react-native/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install reason-machines/trending-skills jkvideo-bilibili-react-native2Вручную: положить файлы
.github/skills/jkvideo-bilibili-react-native/SKILL.md1Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill jkvideo-bilibili-react-native -a gemini-cli2Командой платформы
gemini skills install https://github.com/reason-machines/trending-skills --path skills/jkvideo-bilibili-react-nativeВручную: положить файлы
.devin/skills/jkvideo-bilibili-react-native/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill jkvideo-bilibili-react-native -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о jkvideo-bilibili-react-native
Как установить jkvideo-bilibili-react-native в Claude Code?
Выполните команду npx skills add reason-machines/trending-skills --skill jkvideo-bilibili-react-native -a claude-code.
Что делает jkvideo-bilibili-react-native?
Скилл передаёт агенту контекст архитектуры JKVideo, включая работу с DASH-видео, WBI-авторизацией и комментариями даммаку.
Почему видео 1080p не работает в Expo Go?
Потоки DASH высокого качества требуют нативных компонентов, поэтому запускать проект нужно через сборку Dev Build.
