Agent skill
stackblitz-debug-bundle
Collect WebContainer diagnostic info: boot state, file system, process list. Use when working with WebContainers or StackBlitz SDK. Trigger: "stackblitz debug".
Install this agent skill to your Project
npx add-skill https://github.com/jeremylongshore/claude-code-plugins-plus-skills/tree/main/plugins/saas-packs/stackblitz-pack/skills/stackblitz-debug-bundle
SKILL.md
StackBlitz Debug Bundle
Overview
Collect WebContainer diagnostic info: boot state, file system, process list.
Instructions
Step 1: Check Boot State
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
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
Next Steps
For resource limits, see stackblitz-rate-limits.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
dockerfile-generator
Dockerfile Generator - Auto-activating skill for DevOps Basics. Triggers on: dockerfile generator, dockerfile generator Part of the DevOps Basics skill category.
branch-naming-helper
Branch Naming Helper - Auto-activating skill for DevOps Basics. Triggers on: branch naming helper, branch naming helper Part of the DevOps Basics skill category.
readme-generator
Readme Generator - Auto-activating skill for DevOps Basics. Triggers on: readme generator, readme generator Part of the DevOps Basics skill category.
makefile-generator
Makefile Generator - Auto-activating skill for DevOps Basics. Triggers on: makefile generator, makefile generator Part of the DevOps Basics skill category.
gitignore-generator
Gitignore Generator - Auto-activating skill for DevOps Basics. Triggers on: gitignore generator, gitignore generator Part of the DevOps Basics skill category.
pre-commit-hook-setup
Pre Commit Hook Setup - Auto-activating skill for DevOps Basics. Triggers on: pre commit hook setup, pre commit hook setup Part of the DevOps Basics skill category.
Didn't find tool you were looking for?