daffy0208 avatar

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-code

Installs 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
1fabriciofs avatarsqlserver-expertfabriciofs/mcp-sql-serverExpert in Microsoft SQL Server development and administration. Use when writing T-SQL queries, optimizing database performance, designing schemas, configuring S212skills.sh installs
2github avatarui-screenshotsgithub/awesome-copilotCapture screenshots of web apps during development using Playwright and PIL. Supports full-page captures, interactive states, and an iterate-on-crop workflow th212skills.sh installs
3appwrite avatarappwrite-kotlinappwrite/agent-skillsappwrite kotlin210skills.sh installs
4buiducnhat avatarreviewbuiducnhat/agent-skillsreview210skills.sh installs
5get-convex avatarfunction-creatorget-convex/convex-agent-pluginsCreate Convex queries, mutations, and actions with proper validation, authentication, and error handling. Use when implementing new API endpoints.209skills.sh installs
6getsentry avatarsentry-setup-metricsgetsentry/sentry-agent-skillsSetup Sentry Metrics in any project. Use when asked to add custom metrics, track counters/gauges/distributions, or instrument application performance. Supports 209skills.sh installs