debug-taurilisted
Install: claude install-skill aiskillstore/marketplace
# Tauri WebView Debugger
Automated debugging workflow for Tauri applications using `tauri-plugin-debug-tools` with official plugin integration.
## Prerequisites
- **tauri-plugin-debug-tools** installed and registered
- **tauri-plugin-log** (v2.0+): Official logging plugin for automatic console collection
- **tauri-plugin-screenshots** (v2.0+): Cross-platform screenshot capture
- Debug permissions enabled: `debug-tools:default`, `log:default`, `screenshots:default`
- Frontend logger initialized via `attachConsole()` (recommended for automatic log forwarding)
## Quick Start
Run `TAURI_APP_NAME=<app-binary-name> scripts/capture.sh` to verify process and capture screenshot.
If process not found, start your dev server (e.g., `tauri dev`) and retry.
## Debug Workflow
Copy this checklist to track progress:
```markdown
Debug Progress:
- [ ] Step 1: Verify process status
- [ ] Step 2: Capture screenshot
- [ ] Step 3: Collect console logs
- [ ] Step 4: Capture WebView state
- [ ] Step 5: Analyze findings
- [ ] Step 6: Generate debug report
- [ ] Step 7: Propose fixes
```
### Step 1: Verify Process Status
Run: `TAURI_APP_NAME=<your-app> scripts/capture.sh`
This checks if the app is running and captures an initial screenshot.
### Step 2: Capture Screenshot
**Via Plugin API (Recommended)**:
```typescript
import { captureMainWindow } from "tauri-plugin-debug-tools/screenshotHelper";
const imagePath = await captureMainWindow();
```
**Legacy**: capture.sh script (macOS screen