svelte/migration

Migrates Svelte stores and runes to Redux slices, selectors, and sagas.

6|6|Updated Jun 29, 2026
One-click install
npx skills add https://github.com/intent-hq/cloudlands-fe --skill svelte-migration-intent-hq
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: svelte/migration
Source: https://github.com/intent-hq/cloudlands-fe/tree/main/.agents/skills/themis/svelte/migration
Command: npx skills add https://github.com/intent-hq/cloudlands-fe --skill svelte-migration-intent-hq

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @augmentcode/themis, redux, redux-saga, typed-redux-saga, fast-equals.

What problem does it solve? Converting Svelte writable/readable/derived stores and $state/$derived runes into a Redux + redux-saga architecture is error-prone: reducers can become impure, side effects leak into components, and old store files linger as wrappers. This Skill provides an ordered, verifiable playbook for migrating one store at a time with cleanup evidence. ## Core Features & Use Cases - Assessment and classification: Inventory existing stores and runes, then classify each as shared Redux state versus component-local state using a decision framework. - Step-by-step conversion sub-skills: Dedicated guides for setup/bootstrap, writable stores, derived stores, side effects, component migration, and cleanup/rollback. - Verifier-ready evidence: Each step produces grep checks, tests, and cleanup reports proving zero residual references to old store paths. - Use Case: A team migrating a SvelteKit app from scattered .store.svelte.ts files to a centralized Themis Redux store uses this Skill to convert the cart store first, moving its localStorage sync into a saga and its derived totals into selectors. ## Quick Start Ask the AI to assess the Svelte stores in src/lib/stores and produce a migration plan converting them to Redux slices and sagas one at a time.

Frequently Asked Questions about svelte/migration

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I migrate Svelte stores to Redux?▼

Migrate one store at a time: assess and classify each store, bootstrap a Store instance in the root layout, convert writable state to actions and reducers, convert derived values to selectors, move side effects into sagas, then update components and delete the old store file.

How to convert Svelte derived stores to Redux selectors?▼

Create one selector per derived expression using store.createSelector on the configured Store. Compose upstream selectors with .select(state) inside the selector body, and read values in sagas with yield* selectFoo.effect().

Should all Svelte component state move to Redux?▼

No. Only shared, persisted, async-driven, or business-logic state belongs in Redux. Ephemeral UI state like hover, focus, toggles, and single-form field values should stay component-local. When in doubt, move it to Redux.

Does this migration support Svelte 5 runes like $state and $derived?▼

Yes. Shared $state runes convert to slice initial state with actions and reducers, and shared $derived values become named selectors. Component-local runes that are ephemeral remain in the component unchanged.

Where do side effects like fetch and localStorage go after migration?▼

All side effects move into sagas using takeEvery or takeLatest with call, put, and delay effects. Reducers must stay pure with no fetch, localStorage, Date.now, or mutation, and persistence uses safe localStorage saga helpers.

When is it safe to delete the old Svelte store file?▼

Delete the old .store.svelte.ts file only after the new slice passes tests and manual UI verification. Confirm zero residual references with grep searches, and never leave the old path as a re-export or proxy wrapper.