Browser Preview
starchild-ai-agent/official-skillsWhen a preview tab shows a white screen or a 404 error, this skill helps you fix it. It explains how the preview panel works and why localhost won't work in the user's browser. You will learn to use the correct preview URL instead.
This skill also covers a common problem with static assets like images and scripts. Because previews run under a special path, absolute paths break. You must use relative paths instead. The skill shows you exactly where to check and how to fix them.
Finally, it tells you the only places to look for preview state. Never browse random folders. Use the registry file and the history file to see what services are running.
Add Browser Preview skill to your workflow
Global
mkdir -p ~/.claude/skills/browser-previewProject
mkdir -p .claude/skills/browser-previewSource Repository
More Debugging Claude Code Skills
Azure Diagnosticsmicrosoft/azure-skills
Debug Azure production issues with systematic diagnostics and AI-powered tools
Azure Messagingmicrosoft/azure-skills
Troubleshoot and fix Azure messaging SDK errors for Event Hubs and Service Bus
Use My Browserxixu-me/skills
Work inside your live browser session for real page inspection and debugging
Diagnosemattpocock/skills
A step-by-step debug loop for finding and fixing hard bugs
Diagnosing Bugsmattpocock/skills
Build a tight feedback loop to find any bug fast
Systematic Debuggingobra/superpowers
Find the root cause of every bug before attempting any fix to save time
Safe Debuglllllllama/rigorpilot-skills
Debug deep learning failures safely with conservative diagnosis and minimal patches
Firebase Crashlyticsfirebase/agent-skills
Set up crash reporting for your Android or iOS app with ease