メニュー
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/.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
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.
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.
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.
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.
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.
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.
| name | ui-development |
| description | 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/. |
| license | MPL-2.0 |
For the full UI development guide, see guide.md.
