Skills
.Work. You
Rest

portal-preview

Community

Preview client portals in your browser.

Software Engineering#preview#devtools#nextjs#browser#local-development#portal#showpane
Authortwillcocks
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Quickly open and view a client portal in a real browser so developers and operators can verify visual changes, content updates, and login behavior without manually resolving URLs or guessing whether a dev server is running.

Core Features & Use Cases

  • Auto-resolve URL: Prefer a local dev server on port 3000, fall back to NEXT_PUBLIC_APP_URL, and avoid opening a dead URL.
  • Platform-aware browser open: Use the native opener on macOS or Linux and handle WSL and SSH cases by printing the URL instead of attempting to open.
  • Workflow-friendly: Support single-portal auto-selection, multiple-portal batch previews (capped at 5), and clear next steps like using /portal-credentials or /portal-deploy.
  • Safety and telemetry: Emit minimal telemetry and provide clear error messages when prerequisites (dependencies, config) are missing.

Quick Start

Run /portal-preview <slug> to open the specified portal in your default browser and verify the live preview.

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: portal-preview
Download link: https://github.com/twillcocks/showpane/archive/main.zip#portal-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 471,000+ vetted skills library on demand.