Use when debugging Dioxus Desktop applications using dioxus-inspector MCP tools, investigating UI issues, querying DOM state, or interacting with running Dioxus apps.
From psnnpx claudepluginhub aladac/claude-pluginsThis skill uses the workspace's default tool permissions.
Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Migrates code, prompts, and API calls from Claude Sonnet 4.0/4.5 or Opus 4.1 to Opus 4.5, updating model strings on Anthropic, AWS, GCP, Azure platforms.
Deploys Linkerd service mesh on Kubernetes with patterns for installation, proxy injection, mTLS, service profiles (retries/metrics), traffic splits (canary), and authorization policies.
Workflows for debugging running Dioxus Desktop apps via MCP.
psn:code:dioxus-inspector)mcp__dioxus__status
Returns: app name, PID, uptime. If this fails, app isn't running or bridge isn't embedded.
mcp__dioxus__get_dom
Returns simplified DOM tree. Use to understand current UI structure.
# Get text content
mcp__dioxus__query_text { selector: ".header-title" }
# Get full HTML
mcp__dioxus__query_html { selector: "#main-content" }
# List all matching elements
mcp__dioxus__query_all { selector: "button" }
mcp__dioxus__inspect { selector: ".modal" }
Returns visibility analysis: is element in viewport, dimensions, computed styles.
mcp__dioxus__diagnose
Runs automated checks for common UI issues.
mcp__dioxus__click { selector: "#submit-button" }
mcp__dioxus__type_text { selector: "#search-input", text: "test query" }
mcp__dioxus__eval { script: "document.querySelector('.count').textContent" }
Use for:
mcp__dioxus__screenshot
Captures current window state. macOS only.
mcp__dioxus__resize { width: 1280, height: 720 }
Test responsive layouts.
mcp__dioxus__dom_to_rsx { html: "<div class=\"foo\">bar</div>" }
Uses dx translate under the hood.
mcp__dioxus__doctor
Runs dx doctor to verify Dioxus toolchain.
mcp__dioxus__check
Runs dx check for project issues.
mcp__dioxus__query_text on state-displaying elementmcp__dioxus__click to trigger actionmcp__dioxus__query_text again to see changemcp__dioxus__query_all { selector: "[style*='display: none']" }
mcp__dioxus__query_all { selector: ".hidden" }
mcp__dioxus__eval { script: "window.debugLastEvent" }
Add window.debugLastEvent = evt in your Dioxus event handlers to capture.
| Symptom | Likely Cause | Fix |
|---|---|---|
| Selector returns empty | Element not rendered | Check conditional rendering logic |
| Click has no effect | Wrong selector or element disabled | Use query_all to verify element exists |
| Eval errors | JavaScript not valid in webview | Check browser compatibility |
| Screenshot blank | Window minimized or off-screen | Resize/reposition window |
psn:code:dioxus-inspector - Setup and configurationpsn:code:rust-dioxus - Dioxus development patterns