devtools-event-client
OfficialConnect your library to DevTools.
AuthorTanStack
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a robust, type-safe event communication layer between your library and the TanStack Devtools, enabling real-time inspection and debugging of your application's state and behavior.
Core Features & Use Cases
- Typed Event Emission: Define event maps with typed payloads for clear and safe communication.
- Real-time Debugging: Connect your library's events to DevTools panels for live monitoring.
- Framework Agnostic: Works seamlessly with React, Vue, Solid, Preact, and vanilla JS.
- Use Case: Instrument your custom state management library to emit
state-changedevents, allowing the DevTools to visualize state mutations as they happen.
Quick Start
Install the devtools-event-client package and create a singleton EventClient instance with a unique pluginId.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: devtools-event-client Download link: https://github.com/TanStack/devtools/archive/main.zip#devtools-event-client 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 471,000+ vetted skills library on demand.