一键在 Manus 中运行任何 Skill

开始使用

access-problem

星标2

分支0

更新时间2026年5月7日 02:34

pnpm run dev実行後にページが開けない問題を診断。ポート競合、Supabase接続不良、環境変数不備、node_modules不在をチェック。

安装

用 Codex 或 Claude 帮你安装复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。

在 Manus 中运行

来源

RikuShimoida

RikuShimoida/BeerSalon

打开 GitHub 仓库查看创作者相关仓库

下载

在 Manus 中运行

ページアクセス不能の診断フロー

引数: $ARGUMENTS（対象アプリ。省略時は両方チェック。例: web, admin）

Phase 1: ランタイム・基盤チェック

以下のコマンドを実行し、環境の基本的な健全性を確認する:

ランタイム確認: node -v && pnpm -v
node_modules確認: ls -d apps/web/node_modules apps/admin/node_modules 2>/dev/null
環境変数確認: ls apps/web/.env.local apps/admin/.env.local 2>/dev/null

問題が見つかった場合は即座にユーザーに報告し、修復提案を行う。

Phase 2: ポート・プロセス確認

ポート3000確認（対象が web または両方）: lsof -i :3000 -P -n
ポート3001確認（対象が admin または両方）: lsof -i :3001 -P -n
競合プロセスの特定: ポートを占有しているプロセス名・PIDを報告

Phase 3: インフラ確認（Supabase/DB）

Docker確認: docker ps --format '{{.Names}}' 2>/dev/null | grep -i supabase
Supabase稼働確認: npx supabase status 2>&1
DB接続確認: curl -s http://127.0.0.1:54421/rest/v1/ -H "apikey: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZS1kZW1vIiwicm9sZSI6ImFub24iLCJleHAiOjE5ODM4MTI5OTZ9.CRXP1A7WOeoJeXxjNni43kdQwgnWNReilDMblYTn_I0" -o /dev/null -w '%{http_code}'
ポート整合性: .env.local のSUPABASE_URLが54421を指しているか確認

診断結果の報告

以下のフォーマットで報告する:

## 診断結果

### 環境サマリ
- Node.js: vX.X.X
- pnpm: vX.X.X
- Supabase: 稼働中/停止中
- ポート3000: 空き/使用中（プロセス名）
- ポート3001: 空き/使用中（プロセス名）

### 検出された問題
1. **[High/Medium/Low]** 問題の説明
   - 原因: ...
   - 修復コマンド: `...`

### 推奨アクション（優先順位順）
1. `修復コマンド` — 説明
2. ユーザーが `pnpm dev:web` / `pnpm dev:admin` を実行

修復実行のルール

非破壊的操作（pnpm install、npx supabase start）は承認なしで実行可
破壊的操作（kill、rm -rf node_modules等）は目的・影響範囲・リスクを明示し、ユーザーの承認後に実行
修復後は再度ヘルスチェックを実行し、問題が解消されたことを確認する

禁止事項

pnpm dev / pnpm dev:web / pnpm dev:admin / npm run dev の実行（ユーザーが起動する）
run_in_background: true の使用
ポート54321の使用（正しいポート: 54421）
supabase init の実行
ユーザー承認なしでの破壊的操作の実行
.env ファイルの直接編集（ユーザーに手順を案内する）

同仓库更多 Skills

同仓库

create-issue

RikuShimoida/BeerSalon

@issue_note.txt の課題No、または Evernote 共有リンク（ノート下書き）をもとに、GitHub Issueを作成する。対応種別に応じてfeature/bugfixテンプレートを使い分ける。

2026-07-112

merge

RikuShimoida/BeerSalon

PRをMerge commit方式でマージし、リモート・ローカル両方のfeatureブランチを削除して司令塔ベースブランチを最新化する。マージのタイミングはユーザーが決める。

2026-07-032

plan

RikuShimoida/BeerSalon

Issue起点の実装計画を作成する。Issueの内容とプロジェクトの設計ドキュメントを照合し、影響範囲・実装方針・テスト方針を含む計画を出力する。

2026-07-032

playwright

RikuShimoida/BeerSalon

Playwright MCPを使って、既に起動済みのlocalhost環境に対してE2E観点の動作確認を行うための運用ルール。

2026-07-032

pr-review

RikuShimoida/BeerSalon

PRのコードレビューを実施し、レビュー結果をPRコメントとして投稿する。アーキテクチャ観点でのコードレビュー。

2026-07-032

RikuShimoida/BeerSalon

ブランチ・Git運用ルール。feature ブランチ作成、コミット、プッシュ、PR作成の手順。品質チェック後のGit操作フロー。

2026-07-032

name	access-problem
description	pnpm run dev実行後にページが開けない問題を診断。ポート競合、Supabase接続不良、環境変数不備、node_modules不在をチェック。
when_to_use	「ページが開けない」「localhost見れない」「アクセスできない」「画面が表示されない」「devサーバーが動かない」「access-problem」などの発言時
context	fork
agent	dev-doctor

ページアクセス不能の診断フロー

引数: $ARGUMENTS（対象アプリ。省略時は両方チェック。例: web, admin）

Phase 1: ランタイム・基盤チェック

以下のコマンドを実行し、環境の基本的な健全性を確認する:

ランタイム確認: node -v && pnpm -v
node_modules確認: ls -d apps/web/node_modules apps/admin/node_modules 2>/dev/null
環境変数確認: ls apps/web/.env.local apps/admin/.env.local 2>/dev/null

問題が見つかった場合は即座にユーザーに報告し、修復提案を行う。

Phase 2: ポート・プロセス確認

ポート3000確認（対象が web または両方）: lsof -i :3000 -P -n
ポート3001確認（対象が admin または両方）: lsof -i :3001 -P -n
競合プロセスの特定: ポートを占有しているプロセス名・PIDを報告

Phase 3: インフラ確認（Supabase/DB）

Docker確認: docker ps --format '{{.Names}}' 2>/dev/null | grep -i supabase
Supabase稼働確認: npx supabase status 2>&1
DB接続確認: curl -s http://127.0.0.1:54421/rest/v1/ -H "apikey: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZS1kZW1vIiwicm9sZSI6ImFub24iLCJleHAiOjE5ODM4MTI5OTZ9.CRXP1A7WOeoJeXxjNni43kdQwgnWNReilDMblYTn_I0" -o /dev/null -w '%{http_code}'
ポート整合性: .env.local のSUPABASE_URLが54421を指しているか確認

診断結果の報告

以下のフォーマットで報告する:

## 診断結果

### 環境サマリ
- Node.js: vX.X.X
- pnpm: vX.X.X
- Supabase: 稼働中/停止中
- ポート3000: 空き/使用中（プロセス名）
- ポート3001: 空き/使用中（プロセス名）

### 検出された問題
1. **[High/Medium/Low]** 問題の説明
   - 原因: ...
   - 修復コマンド: `...`

### 推奨アクション（優先順位順）
1. `修復コマンド` — 説明
2. ユーザーが `pnpm dev:web` / `pnpm dev:admin` を実行

修復実行のルール

非破壊的操作（pnpm install、npx supabase start）は承認なしで実行可
破壊的操作（kill、rm -rf node_modules等）は目的・影響範囲・リスクを明示し、ユーザーの承認後に実行
修復後は再度ヘルスチェックを実行し、問題が解消されたことを確認する

禁止事項

pnpm dev / pnpm dev:web / pnpm dev:admin / npm run dev の実行（ユーザーが起動する）
run_in_background: true の使用
ポート54321の使用（正しいポート: 54421）
supabase init の実行
ユーザー承認なしでの破壊的操作の実行
.env ファイルの直接編集（ユーザーに手順を案内する）