Bootstrap Redux state management with themis Store families in Svelte, React, or Node apps.
npx skills add https://github.com/intent-hq/cloudlands-fe --skill setup-intent-hq
Please help me install this Agent Skill. Skill: setup Source: https://github.com/intent-hq/cloudlands-fe/tree/main/.agents/skills/themis/setup Command: npx skills add https://github.com/intent-hq/cloudlands-fe --skill setup-intent-hq
Store (Svelte), ReactStore (React), or StreamingStore (Node/server/CLI/test) based on concrete evidence in the target app, keeping the three families mutually exclusive. - Canonical setup walkthrough: Covers dependency installation, store creation with reducer maps, root layout initialization with store.init(), explicit saga startup via store.runSaga(), and a working counter slice example with actions, reducers, selectors, and sagas. - Verification and debugging: Provides family-specific verification steps and Svelte devtools inspection via window.svelteRedux after store.initDevTool(). - Use Case: You are starting a new SvelteKit app and need Redux with sagas. The Skill walks you through installing @augmentcode/themis, creating src/lib/store/store.ts, wiring the root +layout.svelte, and verifying a counter slice end to end. ## Quick Start Ask the AI to set up themis Redux state management in your Svelte, React, or Node project, starting with choosing the correct Store family for the app.High-intent search queries and answers about installing and using this skill.
Install @augmentcode/themis with redux, redux-saga, typed-redux-saga, and fast-equals, then create a Store instance with your reducer map in src/lib/store/store.ts. Call store.init() in your root +layout.svelte with onDestroy(dispose), and start sagas explicitly with store.runSaga() from onMount.
Store targets Svelte apps and its selectors return Svelte readables used with $ syntax. ReactStore targets React apps and selectors return Preact signals with a .useValue() fallback. StreamingStore targets Node, server, CLI, and test paths, returning Kefir observables that consumers subscribe to and unsubscribe during teardown.
No, the three Store families are mutually exclusive within one app, package, or code path. You must not import more than one of Store, ReactStore, and StreamingStore into the same setup path or mix Svelte $selector reads with React .useValue() or Kefir observables.
store.init() starts only the internal saga manager, not application sagas. Each app saga must be started explicitly by calling store.runSaga(yourSaga) after init, typically from onMount in the root layout or from a bootstrap owner that retains the returned cancel function.
Use StreamingStore from @augmentcode/themis/streaming-store for Node services, server routes, background workers, CLIs, scripts, and test harnesses. Its selectors return Kefir observables, and the process or test owner is responsible for initializing the store and unsubscribing during teardown.
cockroachdbMigrate React components from Redux and redux-saga data fetching to SWR hooks.
oakossImplement features as verified vertical end-to-end slices across application layers.
anivarApply 22 rules for writing, testing, and debugging redux-saga code.
SeanChenRManage immutable reactive state with derived values and batched updates.