Route Svelte and SvelteKit state management tasks to Themis Redux and saga guidance.
npx skills add https://github.com/intent-hq/cloudlands-fe --skill svelte-intent-hq
Please help me install this Agent Skill. Skill: svelte Source: https://github.com/intent-hq/cloudlands-fe/tree/main/.agents/skills/themis/svelte Command: npx skills add https://github.com/intent-hq/cloudlands-fe --skill svelte-intent-hq
.select(state) one-shot reads, .effect() in sagas) to prevent lifecycle_outside_component crashes. - Migration Playbook: Provides an ordered workflow to convert writable/derived stores and $state/$derived runes into Redux slices, selectors, and sagas with cleanup verification. - Use Case: When adding a shared todo list across SvelteKit routes, the skill routes you to core policy, state-integrity, actions, reducers, and selectors guidance so the slice has canonical owners and passes architecture validation. ## Quick Start Ask the agent to wire a Themis Store into a SvelteKit root layout and migrate an existing writable store into a Redux slice with selectors and a saga.High-intent search queries and answers about installing and using this skill.
Create a single Store instance from @augmentcode/themis/svelte-store at module scope with your reducers, then call store.init() in +layout.svelte during component initialization and register the returned disposer with onDestroy. Start app sagas explicitly with store.runSaga(sagaFn) from onMount.
Convert each writable() or $state field into slice initial state plus createAction and createReducer with immutable updates. Migrate one store at a time, move side effects into sagas, swap component imports to selector readables, then delete the old .store.svelte.ts file after verifying zero references.
The readable call form selectFoo() uses Svelte getContext(), which is only valid during component initialization. In event handlers, callbacks, async code, or tests, use selectFoo.select(store.state, args) for one-shot reads or yield* selectFoo.effect(args) inside sagas.
No. This package uses a custom Redux setup, so createSlice, configureStore, and createAsyncThunk are not allowed. Use the package's createAction, createReducer, and store.createSelector APIs, and run the architecture validation gate to confirm compliance.
Keep ephemeral UI state local, such as hover, focus, open/closed toggles, scroll position, and single-form field values used by one component. Move state to Redux when it is shared across components, persisted, async-driven, or synced with storage, server, or IPC.
kensleDevExplains Svelte 5 runes including $state, $derived, $effect, $props, and $bindable for reactivity and migration from Svelte 4.
grvpanchalCreate colocated selectors that derive saga state views for React-Redux components.
hasnaCreate a Redux-compatible StateStore adapter for json-render's StateProvider.
vercel-labsIntegrate Redux as the StateStore backend for json-render.