К основному содержанию
скилл CX Codex

finding-dev-server-url — скилл для Claude Code: как установить

Находит адреса запущенных dev-серверов в логах терминала и выводит порты localhost. Помогает сразу открыть работающее приложение или проверить конфликты портов.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add spencerpauly/awesome-cursor-skills --skill finding-dev-server-url -a claude-code
Открыть на GitHub

Что делает finding-dev-server-url

Скилл сканирует файлы запущенных терминалов в рабочей папке и читает их метаданные: идентификатор процесса, рабочую директорию и последнюю выполненную команду. Терминалы с командами вроде git status или ls он отсекает сразу. Если процесс похож на сервер (например, npm run dev или python manage.py runserver), инструмент разбирает весь вывод логов по регулярным выражениям.

Логика распознаёт шаблоны Vite, Next.js, Django, Express и других веб-фреймворков. На выходе формируется отчёт с номерами процессов, путями и ссылками на localhost или 127.0.0.1. При необходимости скилл вызывает команды браузера, чтобы сразу загрузить страницу и сделать снимок экрана.

Скилл рассчитан на доступ к текстовым логам терминалов (<terminals_folder>/<id>.txt), поэтому без переданного пути к этой папке в контексте окружения поиск серверов не сработает. Также он сразу сообщает о кодах завершения упавших процессов и ошибках вроде EADDRINUSE.

Какие задачи решает

  • найти порты запущенных локальных серверов
  • определить рабочий dev-сервер среди нескольких открытых терминалов
  • выявить конфликт занятых портов с ошибкой EADDRINUSE
  • открыть работающее веб-приложение во встроенном браузере со скриншотом

Примеры запросов агенту

  • Проверь терминалы и найди URL запущенного dev-сервера
  • Посмотри, на каком порту сейчас крутится проект, и открой его в браузере
  • Просканируй терминалы и проверь, не упал ли локальный сервер

Как установить finding-dev-server-url

1Через Skills CLI (Vercel)

npx skills add spencerpauly/awesome-cursor-skills --skill finding-dev-server-url -a claude-code

2Вручную: положить файлы

~/.claude/skills/finding-dev-server-url/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/finding-dev-server-url/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Из того же набора59

dark-mode-testing Открывает страницу в браузере, снимает скриншоты в светлой и тёмной теме и указывает на потерянные цвета, невидимый текст и низкий контраст. CX Codex +1 436установок writing-copy Скилл задаёт агенту правила маркетингового текста: заголовки, CTA, письма, микрокопирайт. Пригодится, когда интерфейс и лендинг пишутся в том же проекте. CX Codex +1 435установок auto-type-checking Гоняет tsc --noEmit после каждой правки TypeScript-файла и показывает ошибки типов сразу, а не на сборке. CX Codex +1 435установок babysitting-pr Скилл отслеживает открытый пулл-реквест, устраняет сбои линтера, тестов и сборки в CI, разбирает комментарии ревью и правит конфликты слияния. CX Codex +1 427установок best-of-n-solving Запускает 2–3 подхода к сложной задаче одновременно, каждый в своей git-ветке, и помогает выбрать лучший результат. CX Codex +1 425установок converting-css-to-tailwind Скилл проходит по CSS-файлу и переносит правила в Tailwind-классы прямо в разметке. Полезен при переезде проекта со старого CSS на утилиты. CX Codex +1 423установок detecting-port-conflicts Скилл находит занятые порты при ошибках вроде EADDRINUSE, вычисляет блокирующий процесс и помогает освободить порт либо сменить его в конфиге dev-сервера. CX Codex +1 418установок setting-up-ci Скилл собирает пайплайн GitHub Actions с линтингом, тестами, проверкой типов и деплоем. Пригодится, когда проект уже есть, а CI в нём ещё нет. CX Codex +1 415установок

Похожие

portless vercel-labs Присваивает локальным dev-серверам стабильные имена вида myapp.localhost вместо номеров портов. CX Codex +1 6 000установок url-to-code официальный OpenAI Превращает живой сайт в рабочее frontend-приложение: захватывает элементы, стили, взаимодействия и ассеты через браузер. CX Codex GP ChatGPT 6установок verification официальный Vercel Labs Проверяет сквозной сценарий приложения от интерфейса до базы данных при запуске dev-сервера или сбоях в работе фичи. CX Codex GP ChatGPT 8установок framework-to-capacitor Cap-go Настраивает статическую сборку Next.js, Nuxt, Angular, SvelteKit или Vite так, чтобы Capacitor упаковал её в приложение для iOS и Android. CX Codex +1 870установок typescript-scaffold Seth Hobson Создаёт структуру TypeScript-проекта на pnpm: Next.js, React с Vite, Node.js API или библиотеку, вместе с тестами и сборкой. CX Codex ★ 41 729звёзд репо nextjs-on-cloudflare cloudflare Скилл для развёртывания Next.js приложений на Cloudflare Workers через vinext. Используй для новых проектов, миграции существующих приложений или выбора между vinext и OpenNext. CX Codex +1 42 800установок

Рядом в теме «Настройка агента: память, контекст, субагенты»

Все скиллы по теме «Настройка агента: память, контекст, субагенты» →

Вопросы о finding-dev-server-url

Как установить finding-dev-server-url в Claude Code?

Выполните команду npx skills add spencerpauly/awesome-cursor-skills --skill finding-dev-server-url -a claude-code.

Какие фреймворки распознаёт finding-dev-server-url?

В правилах поиска прописаны шаблоны для Next.js, Vite, Create React App, Express, Django, Flask, Rails, Astro, Nuxt, Remix, PHP и Go, а также общие регулярные выражения для адресов localhost.

Что делает finding-dev-server-url при конфликте портов?

Если в выводе терминала есть ошибки EADDRINUSE или address already in use, скилл выводит сообщение о конфликте. Если процесс завершился с ошибкой, он проверяет поле exit_code в конце лога.

Исходный текст

SKILL.md · CC0-1.0
---
name: finding-dev-server-url
description: Scan running terminals for dev server URLs (localhost ports), report them, and optionally open the app in Cursor's built-in browser.
user-invocable: true
---

# Finding Dev Server URL

Detect which dev servers are running, what ports they're on, and open them.

## How It Works

Cursor stores live terminal output in text files. Each terminal has a file at:

```
<terminals_folder>/<id>.txt
```

The terminals folder path is provided in your system context. Each file contains metadata (pid, cwd, last command) followed by the full terminal output.

## Workflow

### 1. List All Terminals

```bash
ls <terminals_folder>/*.txt
```

### 2. Read Each Terminal's Metadata

Read the first ~10 lines of each terminal file to see:
- `pid` — process ID
- `cwd` — working directory
- `last_command` — what's running (e.g. `npm run dev`, `pnpm dev`, `python manage.py runserver`)

Skip terminals where the last command is clearly not a server (e.g. `git status`, `ls`, `cd`).

### 3. Scan for Server URLs

Read the full content of terminals that look like they're running a server. Search for these patterns:

| Framework | Pattern |
|-----------|---------|
| Next.js | `Local: http://localhost:XXXX` or `▲ Ready` |
| Vite | `Local: http://localhost:XXXX/` |
| Create React App | `Local: http://localhost:XXXX` |
| Express | `listening on port XXXX` or `listening at http://...` |
| Django | `Starting development server at http://127.0.0.1:XXXX/` |
| Rails | `Listening on http://127.0.0.1:XXXX` |
| Flask | `Running on http://127.0.0.1:XXXX` |
| Go | `Listening on :XXXX` or `http server started on :XXXX` |
| PHP | `Development Server (http://localhost:XXXX) started` |
| Remix | `http://localhost:XXXX` |
| Astro | `http://localhost:XXXX` |
| Nuxt | `http://localhost:XXXX` |

Regex to match most server output:

```
https?://(localhost|127\.0\.0\.1|0\.0\.0\.0)(:\d+)
```

Also check for standalone port patterns:

```
(listening|started|running|ready|serving).*(port\s*|:)\s*(\d{4,5})
```

### 4. Report

Print a summary:

```
Dev servers found:
  Terminal 1 (pid 12345) — npm run dev → http://localhost:3000 (cwd: /Users/me/app)
  Terminal 3 (pid 67890) — python manage.py runserver → http://127.0.0.1:8000 (cwd: /Users/me/api)
```

If no servers are found, say so and suggest starting one.

### 5. Open in Browser (Optional)

If the user wants to view the app, use Cursor's built-in browser:

```
browser_navigate → http://localhost:<port>
```

Then take a screenshot to confirm it's rendering:

```
browser_take_screenshot
```

## Tips

- If multiple servers are found, ask the user which one to open
- If a terminal shows an error (e.g. `EADDRINUSE`, `address already in use`), report the conflict
- If the server crashed (process exited), note that too — check for `exit_code` in the terminal file footer
- Common default ports: Next.js (3000), Vite (5173), Django (8000), Rails (3000), Flask (5000), Go (8080)

© spencerpauly · CC0-1.0 · spencerpauly/awesome-cursor-skills

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой