Skills
.Work. You
Rest

browser-preview

Official

Debug and preview web apps in the browser.

Software Engineering#debugging#web development#troubleshooting#frontend#preview#browser
AuthorStarchild-ai-agent
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps diagnose and manage issues related to the browser preview panel, ensuring users can effectively see and interact with their web application previews.

Core Features & Use Cases

  • Browser Tab Management: Understand how the browser tab functions and how to reopen it if closed.
  • URL Handling: Guides on correctly using preview URLs and avoiding direct localhost access.
  • Path Resolution: Addresses issues with static assets and API calls by ensuring relative path usage.
  • Troubleshooting: Provides a step-by-step process for diagnosing blank pages, broken previews, and missing services.

Quick Start

When a user reports a problem with the browser preview, follow the step-by-step diagnostic process outlined in the skill's documentation.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: browser-preview
Download link: https://github.com/Starchild-ai-agent/official-skills/archive/main.zip#browser-preview

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.