runtime-guard

What problem does it solve?

Runtime-guard eliminates the time-consuming process of manually hunting frontend runtime problems by performing systematic checks and producing prioritized remediation steps, so developers recover working local or deployed builds faster.

Core Features & Use Cases

• Comprehensive Diagnostics: Verifies dev server status, port conflicts, dependency integrity, build artifacts, and configuration files across common stacks (React, Docusaurus, Vite, Webpack).
• Runtime Error & Asset Validation: Scans for console errors, missing index.html/root mounting issues, broken imports, asset 404s, MIME and font issues, and SPA routing problems.
• Network, Environment & Build Checks: Inspects API connectivity and CORS, validates environment variables, and checks base path/output settings with safe automatic fix suggestions and clear manual remediation steps.
• Use Case: When a Docusaurus site shows a blank page after pulling new code, runtime-guard locates broken imports, missing env values, or port conflicts and recommends safe fixes and verification steps.

Quick Start

Use the runtime-guard skill to analyze the project, produce a structured diagnostic report, and suggest safe automatic fixes.