ui-development

Étoiles20

Forks0

Mis à jour24 mai 2026 à 09:33

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/.

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

streamer45

streamer45/streamkit

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Développeurs de logicielsProfessions informatiques et mathématiques·SOC 15-1252

Explorateur de fichiers

2 fichiers

SKILL.md

readonly

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.

Plus depuis ce dépôt

même dépôt

testing-web-capture

streamer45/streamkit

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.

2026-07-2520

observability-stack

streamer45/streamkit

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.

2026-06-0620

adding-plugins

streamer45/streamkit

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.

2026-05-2420

architecture

streamer45/streamkit

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.

2026-05-2420

common-pitfalls

streamer45/streamkit

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.

2026-05-2420

coverage

streamer45/streamkit

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.

2026-05-2420

Exécutez n'importe quel Skill en un clic