
Livestream Engineer
This one handles WebRTC peer connections, screen sharing, and live streaming with chat. You get a clean TypeScript class for managing peer connections with proper offer/answer flows and ICE candidate handling, plus ready-to-use React components for video calls and screen capture. The live stream example includes Socket.io integration for real-time chat and viewer counts. It's solid for building Twitch-style features or video conferencing without wrestling with the WebRTC API yourself. The code skips the signaling server implementation, so you'll need to wire that up separately, but the client-side patterns are all here and production-ready.
- skills.sh installs
- 212
- GitHub stars
- 39
- last updated
- Aug 21, 2026
Install
$ npx -y skills add daffy0208/ai-dev-standards --skill livestream-engineer --agent claude-codeInstalls into .claude/skills of the current project.
Files
Livestream Engineer Skill
I help you build live streaming features, implement WebRTC, and create real-time broadcasting experiences.
What I Do
Live Streaming:
- WebRTC peer-to-peer video
- Live broadcasting
- Screen sharing
- Real-time chat
Streaming Platforms:
- Twitch-style streaming
- Video conferencing
- Live events
- Webinars
WebRTC Basics
Peer-to-Peer Video Call
// lib/webrtc.ts
export class WebRTCConnection {
private peerConnection: RTCPeerConnection
private localStream: MediaStream | null = null
constructor() {
this.peerConnection = new RTCPeerConnection({
iceServers: [{ urls: 'stun:stun.l.google.com:19302' }]
})
}
async startLocalStream() {
try {
this.localStream = await navigator.mediaDevices.getUserMedia({
video: true,
audio: true
})
this.localStream.getTracks().forEach(track => {
this.peerConnection.addTrack(track, this.localStream!)
})
return this.localStream
} catch (error) {
console.error('Failed to get local stream:', error)
throw error
}
}
Sponsors
Details
- Repository
- github.com/daffy0208/ai-dev-standards
- Category
- AI & Agent Building
- First seen
- Jun 3, 2026
More from daffy0208/ai-dev-standards
All 49- Customer Support Builder210
- Product Analyst206
- Quality Auditor201
- Audio Producer199
- Customer Feedback Analyzer190
- Usability Tester188
- Voice Interface Builder187
- Data Engineer181
- Forensic Data Engineer181
- Pricing Strategist180
- Spatial Developer174
- Codex Review Workflow166
- Localization Engineer163
- Growth Experimenter160
- Accessibility Engineer
- API Designer
- Asset Manager
- BMAD Method
- Design System Architect
- Figma Developer
- Focus Session Manager
- Frontend Builder
- Knowledge Base Manager
- Knowledge Graph Builder