Build a full-featured video app like Bilibili with React Native and Expo. This skill guides you through creating JKVideo, a third-party client that streams DASH video, shows real-time danmaku bullet comments, and handles live streaming with WebSocket chat. It includes WBI API signing for secure requests and a download manager with LAN sharing.
Developers can quickly set up the project using Expo Go or a Dev Build for full performance. The skill covers installation, project structure, and key technologies like Zustand for state management and react-native-video for playback. It also provides the exact code for WBI signature implementation in TypeScript.
You will learn to integrate multiple video quality levels, implement QR code login, and build a download manager. This skill is useful for anyone who wants to create a modern video streaming app with interactive features on both Android and iOS.
Global
mkdir -p ~/.claude/skills/jkvideo-bilibili-react-nativeProject
mkdir -p .claude/skills/jkvideo-bilibili-react-nativeSource Repository
Vercel React Native Skillsvercel-labs/agent-skills
Build fast and smooth React Native apps with proven best practices
Building Native Uiexpo/skills
Build native mobile interfaces with Expo Router and modern UI patterns
Xcode Project Setupfirebase/agent-skills
Add Swift packages and files to Xcode projects safely and quickly
Upgrading Expoexpo/skills
Upgrade Expo SDK versions and fix dependencies with this step by step guide
Expo Deploymentexpo/skills
Deploy Expo apps to iOS, Android, and web with EAS automation
Expo Dev Clientexpo/skills
Build custom Expo dev clients for testing native code on real devices
Use Domexpo/skills
Run web code in native apps using Expo DOM components without rewriting
Flutter Apply Architecture Best Practicesflutter/skills
Architect Flutter apps with clean layers for scalability and maintainability