studio-sdk
Flowsterix Studio SDK
@flowsterix/studio bridges the open-source Flowsterix library to the proprietary Studio backend. It intercepts analytics events and storage operations, serializes them to JSON-safe payloads, and ships them in batches to a Studio ingest endpoint.
Architecture
TourProvider
analytics={bridge.analytics} --> serializer --> transport --> POST /v1/ingest
storageAdapter={bridge.storage({ inner: localStorage })}
|
+--> inner adapter (read/write)
+--> transport (fire-and-forget sync)
- No React dependency - pure JS, works with any framework
- Dep:
@flowsterix/coreonly (usesFlowAnalyticsHandlers,StorageAdaptertypes) - Package:
packages/studio/in the monorepo
More from kvngrf/flowsterix
flowsterix-best-practices
Use when user asks to "create a tour", "add onboarding flow", "implement guided walkthrough", "set up Flowsterix", "add tour steps", "configure step targeting", "handle async content in tour", "use devtools to capture elements", "grab elements for tour", or needs help with tour overlays, popovers, step advance rules, TourHUD configuration, or DevTools element grabber.
21frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
9