StreamKit is a self-hosted real-time media processing engine with pluggable node-based pipelines
Skill Claude CodeCodex
Checklist for making a StreamKit plugin official and downloadable from the registry. Use when adding a new native plugin or updating an existing one for marketplace distribution.
Skill Claude CodeCodex
StreamKit crate relationships, data flow, key abstractions, and UI architecture. Use when understanding how the codebase is structured, how pipelines flow from YAML to execution, or how crates depend on each other.
Skill Claude CodeCodex
Known mistakes that coding agents frequently make in the StreamKit codebase. Use before starting any task to avoid wasted effort — covers WebSocket vs REST state, perf baselines, Bun-only tooling, SPDX headers, lint suppressions, and React.memo barriers.
Skill Claude CodeCodex
StreamKit testing and coverage guidelines. Use when adding tests, reviewing patch coverage, or understanding the project's practical coverage standard (80% on meaningful code) and what to test vs. skip.
Skill Claude CodeCodex
Running StreamKit E2E tests with Playwright. Use when writing, running, or debugging end-to-end tests, or when dealing with headless browser issues like IntersectionObserver visibility.
Skill Claude CodeCodex
Using StreamKit's embedded MCP server to interact with the control plane. Use when designing, deploying, debugging, or mutating pipelines via MCP tools, prompts, and resources — instead of writing REST/WebSocket code.
Skill Claude CodeCodex
Spin up StreamKit's local observability stack (skit + Prometheus + Grafana, optional speech gateway) and validate the Grafana dashboards end-to-end. Use when testing metrics/dashboards, debugging empty dashboard panels, or reproducing the speech-gateway monitoring setup locally.
Skill Claude CodeCodex
StreamKit render performance profiling infrastructure. Use when touching compositor hooks or components, optimizing render performance, or investigating cascade re-renders in React.memo'd components.
Skill Claude CodeCodex
Recommended skills.sh packages for StreamKit development. Use when setting up curated agent skills for React, Playwright, or other tools used in the project.
Skill Claude CodeCodex
Testing the video compositor node UI in StreamKit. Use when writing or running browser-based tests for the compositor canvas, text/image overlays, layer configuration, or bounding-box behaviour in the Design view.
Skill Claude CodeCodex
Testing the Convert and Stream views end-to-end in StreamKit. Use when writing or running browser-based tests for oneshot pipelines (TTS, transcription, file conversion) or dynamic MoQ stream pipelines, including marketplace plugin installation and YAML-driven UI controls.
Skill Claude CodeCodex
End-to-end testing of the StreamKit web-capture gateway demo (examples/web-capture) with the native servo plugin. Use when verifying clip/cast endpoints, servo page rendering, or cross-session pixel isolation.
Skill Claude CodeCodex
StreamKit React UI development patterns. Use when working on frontend components, state management (Jotai atoms for per-node data, Zustand for pipeline structure), or any code in ui/.