'Collect WebContainer diagnostic info: boot state, file system, process
Scanned 9/2/2026
Install to Claude Code
npx -y skills add jeremylongshore/tons-of-skills-marketplace --skill stackblitz-debug-bundle --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Stackblitz Debug Bundle?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/jeremylongshore-stackblitz-debug-bundle-tons-of-skills-marketplace)More formats (shields.io, HTML) on the badges page.
---
name: stackblitz-debug-bundle
description: 'Collect WebContainer diagnostic info: boot state, file system, process
list.
Use when working with WebContainers or StackBlitz SDK.
Trigger: "stackblitz debug".
'
allowed-tools: Bash(curl:*), Grep
version: 1.6.0
license: MIT
author: Jeremy Longshore <jeremy@intentsolutions.io>
tags:
- saas
- ide
- webcontainers
- stackblitz
compatibility: Designed for Claude Code
---
# StackBlitz Debug Bundle
## Overview
Collect WebContainer diagnostic info: boot state, file system, process list.
## Instructions
### Step 1: Check Boot State
```typescript
async function diagnoseWebContainer(wc: WebContainer) {
const report: Record<string, any> = {};
// File system check
try {
const entries = await wc.fs.readdir('/');
report.filesystem = { status: 'ok', rootEntries: entries.length };
} catch (e: any) {
report.filesystem = { status: 'error', message: e.message };
}
// Node.js check
try {
const proc = await wc.spawn('node', ['-e', 'console.log(JSON.stringify({version: process.version, arch: process.arch}))']);
let output = '';
proc.output.pipeTo(new WritableStream({ write(data) { output += data; } }));
await proc.exit;
report.node = JSON.parse(output);
} catch (e: any) {
report.node = { status: 'error', message: e.message };
}
// Memory check
try {
const proc = await wc.spawn('node', ['-e', 'console.log(JSON.stringify(process.memoryUsage()))']);
let output = '';
proc.output.pipeTo(new WritableStream({ write(data) { output += data; } }));
await proc.exit;
report.memory = JSON.parse(output);
} catch { report.memory = 'unavailable'; }
return report;
}
```
### Step 2: Check Browser Support
```typescript
function checkBrowserSupport() {
return {
sharedArrayBuffer: typeof SharedArrayBuffer !== 'undefined',
crossOriginIsolated: window.crossOriginIsolated,
serviceWorker: 'serviceWorker' in navigator,
userAgent: navigator.userAgent,
};
}
```
## Error Handling
| Check | Expected | Failed Action |
|-------|----------|---------------|
| SharedArrayBuffer | defined | Add COOP/COEP headers |
| crossOriginIsolated | true | Check all headers present |
| Node.js version | v18+ | WebContainer ships its own |
| Root FS entries | > 0 | Re-mount files |
## Resources
- [WebContainer API Reference](https://webcontainers.io/api)
- [Browser Support](https://webcontainers.io/guides/browser-support)
## Next Steps
For resource limits, see `stackblitz-rate-limits`.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!