Skip to main content
affpapa.org
RU EN
skill CX Codex

jkvideo-bilibili-react-native — Claude Code skill: how to install

Assists in building and modifying a React Native 0.83 client for Bilibili on Expo SDK 55. Helps configure DASH video, danmaku comments, and API signing.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add reason-machines/trending-skills --skill jkvideo-bilibili-react-native -a claude-code
Open on GitHub

What jkvideo-bilibili-react-native does

This skill guides coding agents through the architecture of JKVideo, a mobile client for Bilibili. It explains the project layout built on Expo SDK 55, expo-router v4 file-based routing, and Zustand stores with Axios cookie management.

It provides instructions for custom WBI request signing in pure TypeScript with a 12-hour key cache. The guide also details how to assemble local MPD manifests for DASH playback and connect live danmaku via WebSockets.

Standard Expo Go cannot play DASH streams at 1080p or higher resolutions, making a native Dev Build mandatory. Web debugging relies on a separate proxy script on port 3001 to bypass referer restrictions on media assets.

What it helps with

  • build a React Native video player with DASH adaptive streaming
  • implement Bilibili WBI request signing without external cryptography libraries
  • connect live stream danmaku comments using WebSockets
  • configure an image proxy on port 3001 for web development

Example prompts for the agent

  • How do I generate an MPD manifest for DASH playback in react-native-video?
  • Write a TypeScript function to sign Bilibili API requests using WBI
  • Set up the HLS video player and WebSocket danmaku for a live room

How to install jkvideo-bilibili-react-native

1Skills CLI (Vercel)

npx skills add reason-machines/trending-skills --skill jkvideo-bilibili-react-native -a claude-code

2Manually: put the files in place

~/.claude/skills/jkvideo-bilibili-react-native/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/jkvideo-bilibili-react-native/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about jkvideo-bilibili-react-native

How to install jkvideo-bilibili-react-native in Claude Code?

Run npx skills add reason-machines/trending-skills --skill jkvideo-bilibili-react-native -a claude-code.

What does jkvideo-bilibili-react-native do?

It gives coding agents the setup context of JKVideo, covering React Native DASH streaming, danmaku comments, and API authentication.

Why does 1080p video fail in Expo Go?

High-definition DASH playback depends on native player features, so you must create a Dev Build using npx expo run:android or npx expo run:ios.

Similar skills

All skills for Mobile →
vercel-react-native-skills vercel A rules pack for React Native and Expo work: lists, animations, navigation, native modules. Load it so your agent makes mobile changes the same way every time. CX Codex +1 255,200installs react-native-architecture Seth Hobson A skill for Claude Code, Codex and Cursor that hands your agent project layout, navigation, native modules and offline sync patterns for React Native on Expo. CX Codex 15,087installs upgrading-react-native callstackincubator Upgrades React Native apps to newer versions by applying rn-diff-purge template diffs, migrating iOS and Android native config, and resolving CocoaPods and Gradle conflicts. CX Codex +1 12,600installs react-native-best-practices software-mansion-labs Software Mansion's guidance for React Native and Expo code on the New Architecture, split into topic files for animations, gestures, audio and JSI. CX Codex +1 5,600installs react-native-brownfield-migration callstackincubator Guides incremental React Native or Expo adoption in native iOS and Android apps using @callstack/react-native-brownfield. CX Codex +1 5,200installs react-native-expert https://github.com/Jeffallan A skill for AI coding agents that helps build React Native and Expo apps: navigation, native modules, list performance, platform-specific code for iOS and Android. CX Codex +1 4,900installs

From the same set199

creationix-rx-data-store This skill guides RX data encoding and direct reads from JSON-shaped documents. Use it when an agent needs path-based access without parsing the whole value. CX Codex +1 904installs agent-flow-visualization Installs the Agent Flow VS Code extension, which draws Claude agent orchestration as a live node graph: tool calls, branches, subagents, timings. CX Codex +1 887installs wewrite-wechat-ai-publishing Runs a WeChat Official Account article from trending topics to a saved draft: topic pick, copy, SEO, cover art, formatting. CX Codex +1 882installs tg-ws-proxy-telegram-socks5 Guides the setup of a local SOCKS5 proxy routing Telegram Desktop traffic to data centers over WebSockets. Useful for bypassing connection blocks without remote servers. CX Codex +1 882installs mcp-brasil-public-apis Wires an agent into 28 Brazilian public APIs — economy, legislation, courts, elections, environment, health. 26 of them need no key. CX Codex +1 872installs holyclaude-ai-workstation Sets up a container with Claude, the CloudCLI web UI, a headless browser and five AI CLIs. Useful when you would rather not build the environment by hand. CX Codex +1 865installs obliteratus-abliteration This skill runs OBLITERATUS workflows that analyze and alter refusal behavior in LLMs. Use it when testing models from HuggingFace. CX Codex +1 864installs type4me-macos-voice-input Guides building and customizing Type4Me, a macOS voice input tool built in Swift. Useful for adding speech providers and managing local ASR models. CX Codex +1 861installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor