open — フロントエンド URL 開く mcp-galipo, community, フロントエンド URL 開く, ide skills, デフォルトブラウザ設定, 環境変数設定, VITE_PORT 設定, bash スクリプト実行, macOS 開発

v1.0.0
GitHub

このスキルについて

開発エージェントがフロントエンド開発ワークフローを簡素化する必要があり、自動ブラウザ起動機能を備えています。 Open はデフォルトブラウザでフロントエンド URLを開くための技術

機能

.env 構成ファイルを使用してポートを設定
デフォルトブラウザでフロントエンド URLを開く
VITE_PORT 変数を設定
bash スクリプトを使用して URLを開く
macOS プラットフォームをサポート

# 主なトピック

フロントエンド URL 開く デフォルトブラウザ設定 環境変数設定 VITE_PORT 設定 bash スクリプト実行 macOS 開発
coopermayne coopermayne
[1]
[0]
更新日: 3/5/2026

Skill Overview

Start with fit, limitations, and setup before diving into the repository.

開発エージェントがフロントエンド開発ワークフローを簡素化する必要があり、自動ブラウザ起動機能を備えています。 Open はデフォルトブラウザでフロントエンド URLを開くための技術

このスキルを使用する理由

エージェントがデフォルトブラウザでフロントエンドURLを開けるようにし、.env でポートを設定した場合、またはデフォルトのポート 5173 を使用して、VITE_PORT 構成と HTTP プロトコルで開発ワークフローを簡素化します。

おすすめ

開発エージェントがフロントエンド開発ワークフローを簡素化する必要があり、自動ブラウザ起動機能を備えています。

↓ 実現可能なユースケース for open

フロントエンドテストの自動化
リアルタイムフロントエンド更新のデバッグ
開発サーバーの起動

! セキュリティと制限

  • .env ファイルの設定が必要
  • 設定されていない場合はデフォルトのポート 5173 を使用
  • macOS との互換性

About The Source

The section below is adapted from the upstream repository. Use it as supporting material alongside the fit, use-case, and installation summary on this page.

Labs デモ

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

FAQ とインストール手順

These questions and steps mirror the structured data on this page for better search understanding.

? よくある質問

open とは何ですか？

開発エージェントがフロントエンド開発ワークフローを簡素化する必要があり、自動ブラウザ起動機能を備えています。 Open はデフォルトブラウザでフロントエンド URLを開くための技術

open はどうやって導入しますか？

次のコマンドを実行してください: npx killer-skills add coopermayne/mcp-galipo/open。Cursor、Windsurf、VS Code、Claude Code など19以上のIDEで使えます。

open の主な用途は？

主な用途は次のとおりです: フロントエンドテストの自動化, リアルタイムフロントエンド更新のデバッグ, 開発サーバーの起動。

open に対応するIDEは？

このスキルは Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer に対応しています。統一された導入には Killer-Skills CLI を使えます。

open に制限はありますか？

.env ファイルの設定が必要. 設定されていない場合はデフォルトのポート 5173 を使用. macOS との互換性.

↓ このスキルの導入方法

  1. 1. ターミナルを開く

    プロジェクトディレクトリでターミナルまたはコマンドラインを開きます。

  2. 2. インストールコマンドを実行

    npx killer-skills add coopermayne/mcp-galipo/open を実行してください。CLI がIDEまたはエージェントを自動検出し、スキルを設定します。

  3. 3. スキルを使い始める

    このスキルはすぐに有効になります。現在のプロジェクトで open をすぐ使えます。

! Source Notes

This page is still useful for installation and source reference. Before using it, compare the fit, limitations, and upstream repository notes above.

Upstream Repository Material

The section below is adapted from the upstream repository. Use it as supporting material alongside the fit, use-case, and installation summary on this page.

Upstream Source

open

Install open, an AI agent skill for AI agent workflows and automation. Explore features, use cases, limitations, and setup guidance.

SKILL.md
Readonly
Upstream Repository Material
The section below is adapted from the upstream repository. Use it as supporting material alongside the fit, use-case, and installation summary on this page.
Upstream Source

Open Frontend

Open the frontend URL in the default browser using the port configured in .env (VITE_PORT) or the default port 5173.

Procedure

bash
1# Source .env to get port config
2set -a && source .env 2>/dev/null && set +a
3VITE_PORT=${VITE_PORT:-5173}
4
5# Open in default browser (macOS)
6open "http://localhost:$VITE_PORT"
7
8echo "Opened http://localhost:$VITE_PORT"

That's it - just run the command and report the URL that was opened.

関連スキル

Looking for an alternative to open or another community skill for your workflow? Explore these related open-source skills.

すべて表示

openclaw-release-maintainer

Logo of openclaw
openclaw

ローカライズされた概要: 🦞 # OpenClaw Release Maintainer Use this skill for release and publish-time workflow. It covers ai, assistant, crustacean workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

★ 333.8k
⑂ 0
AI

widget-generator

Logo of f
f

ローカライズされた概要: Generate customizable widget plugins for the prompts.chat feed system # Widget Generator Skill This skill guides creation of widget plugins for prompts.chat. It covers ai, artificial-intelligence, awesome-list workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf

★ 149.6k
⑂ 0
AI

flags

Logo of vercel
vercel

ローカライズされた概要: The React Framework # Feature Flags Use this skill when adding or changing framework feature flags in Next.js internals. It covers blog, browser, compiler workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

★ 138.4k
⑂ 0
ブラウザ

pr-review

Logo of pytorch
pytorch

ローカライズされた概要: Usage Modes No Argument If the user invokes /pr-review with no arguments, do not perform a review. It covers autograd, deep-learning, gpu workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

★ 98.6k
⑂ 0
開発者