skills.rest
pmarashian
pmarashianCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

dev-server-port-detection

Detects development server ports from configuration files, running processes, and terminal output.

2|Updated Feb 13, 2026
Search Tags:#debugging#configuration#webpack#vite#development server#port detection
One-click install
npx skills add https://github.com/pmarashian/cursor-agent-skills --skill dev-server-port-detection
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dev-server-port-detection
Source: https://github.com/pmarashian/cursor-agent-skills/tree/main/dev-server-port-detection
Command: npx skills add https://github.com/pmarashian/cursor-agent-skills --skill dev-server-port-detection

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automatically detects the port your development server is running on, preventing connection errors and saving time when you're unsure of the configured port.

Core Features & Use Cases

  • Automatic Port Detection: Scans configuration files, running processes, and terminal output to find the active development server port.
  • Build Tool Agnostic: Supports detection for Vite, Webpack, Next.js, Create React App, and more.
  • Use Case: When starting browser testing or connecting to a local development server, use this Skill to reliably find the correct port without manual guesswork.

Quick Start

Run the detect_port.sh script to find the active development server port.

Frequently Asked Questions about dev-server-port-detection

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I find the port my Vite or Webpack development server is running on?▼

To find the development server port, run the detect_port.sh script, which scans vite.config.ts, package.json, running processes via lsof/netstat, and terminal output patterns to identify the active port automatically.

What is the best way to detect a development server port when the configuration is ambiguous?▼

The best way to detect an ambiguous development server port is to run a detection script that cross-references configuration files, running processes via lsof/netstat, and terminal output to pinpoint the active port.

Does port detection work with development servers like Next.js and Create React App?▼

Yes, port detection works with Next.js and Create React App. The detection mechanism is build tool agnostic, checking configuration files, running processes, and terminal output to find the active development server port.

Why does my browser testing fail to connect to my local development server?▼

Browser testing fails to connect to a local development server when the port configuration is ambiguous or incorrect. Automatically detecting the active port from running processes and configuration files prevents these connection errors.

Can I check terminal output to identify an active development server port?▼

Yes, you can check terminal output patterns to identify an active development server port. The detection script scans terminal output alongside configuration files and running processes to reliably find the correct port.

Related Skills

Explore More Software Engineering Skills→
jwyniajwynia

process-manager

Manage dev servers by monitoring ports with lsof and nohup.

Community
Advanced
yanochka11yanochka11

webapp-testing

Automate Playwright browser tests for local web applications.

Community
Intermediate
AnanyaDBJAnanyaDBJ
6

run-locally

Run an AI agent server and chat UI locally for development and testing.

Community
Intermediate
GambitnlGambitnl

nodejs-port-cleanup

Clear occupied network ports to resolve EADDRINUSE errors on Windows and Unix systems.

Community
Basic