writing-vite-devtools-integrations
CommunityBuild polished Vite DevTools integrations.
Authoryuyinws
Version1.0.0
Installs0
System Documentation
What problem does it solve?
DevTools integration for Vite plugins is fragmented and hard to standardize, making it difficult to expose docks, RPC surfaces, and shared state to users in a cohesive UI.
Core Features & Use Cases
- Host static UI and docks via ctx.views and ctx.docks to expose a plugin UI inside DevTools.
- Register RPC functions and shared state via @vitejs/devtools-kit to enable cross-context communication.
- Provide end-to-end examples and best practices for hosting assets, client scripts, and references.
Quick Start
Create a minimal Vite plugin that implements devtools.setup(ctx) to register docks, views, and RPC surfaces.
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: writing-vite-devtools-integrations Download link: https://github.com/yuyinws/oxc-inspector/archive/main.zip#writing-vite-devtools-integrations 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 510,000+ vetted skills library on demand.