core/debugging

Inspect Redux store state and diagnose reducer reference equality via window.svelteRedux devtools.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Debugging Svelte/Redux application state at runtime is difficult when selectors stop updating, duplicate stores get initialized, or reducers silently break reference equality. This Skill documents the runtime inspection hooks exposed by Store.initDevTool() so you can diagnose these issues directly from the browser console. ## Core Features & Use Cases - Console State Inspection: Read the current state snapshot and dispatch actions manually through window.svelteRedux.reduxContext after devtools registration. - Multiple-Store Detection: Interpret the "Multiple Redux stores initialized" error and trace it back to duplicate store.init() calls or missing disposers in tests. - Reducer Reference-Equality Diagnostics: Enforce no-op reducer contracts in unit tests since no runtime reference-check middleware is wired. - Use Case: A selector stops re-rendering after an action fires. Open DevTools, inspect window.svelteRedux.reduxContext.state to confirm whether the slice changed, then check the action type namespace or selector memoization key accordingly. ## Quick Start Ask the AI to help inspect the current Redux store state from the browser console using window.svelteRedux.reduxContext and diagnose why a selector is not updating.

Frequently Asked Questions about core/debugging

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

FAQPage Schema
How do I inspect Redux store state from the browser console?▼

After the app runs store.init() and store.initDevTool(), access window.svelteRedux.reduxContext.state in DevTools for the current state snapshot. You can also dispatch actions manually via window.svelteRedux.reduxContext.dispatch().

Why does "Multiple Redux stores initialized" appear in the console?▼

This error means two Store instances were exposed without disposing the first. The root cause is always duplicate store.init() calls, or a test that skipped the disposer returned from store.init(). Consolidate onto one Store instance.

How do I diagnose a Redux selector that won't update?▼

Inspect the state snapshot via window.svelteRedux.reduxContext.state after reproducing the action. If the slice did not change, the reducer missed the action type; if it changed but the selector did not fire, check the selector memoization key.

Does window.svelteRedux check reducer reference equality at runtime?▼

No. The devtools hook exposes Store inspection only and installs no reducer-reference checker. Enforce the contract in unit tests instead by asserting reducer(initialState, noOpAction) returns the identical state reference.

Why does reading reduxContext.state sometimes crash?▼

When two stores initialize without disposing, reduxContext may be reassigned to an array of Store instances, so .state is undefined. Guard with Array.isArray for diagnosis, then fix the duplicate initialization rather than keeping the guard.