state-inspector
CommunityDiagnose frontend state across frameworks.
Software Engineering#debugging#framework-detection#frontend-state#state-inspection#component-tree#redux-vuex-pinia
Authoranouar1991
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Detect the frontend framework (React, Vue, Angular, Svelte) and inspect application state, enabling debugging of component props/state/hooks without relying on external devtools.
Core Features & Use Cases
- Detects the frontend framework on a page (React, Vue, Angular, Svelte) and reports versions when available.
- Traverses component trees to read props, state, and hooks; snapshots stores (Redux, Vuex, Pinia, Zustand, MobX, Jotai) for diffing.
- Provides before/after state snapshots to trace data flow across user actions and verify UI correctness.
Quick Start
Navigate to a target page and run the state inspector to detect frameworks and snapshot initial state.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: state-inspector Download link: https://github.com/anouar1991/binaryPetsClaude/archive/main.zip#state-inspector Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.