PlugThis icon

PlugThis

PlugThisは、平易な英語の指示から動くManifest V3 Chrome拡張機能を作成できるAI Chrome拡張ビルダーです。ZIP出力、完全なコード所有、SupabaseやAI対応のビルドも利用できます。

PlugThis

PlugThisの機能

PlugThisは、平易な英語のアイデアを動作するManifest V3拡張機能に変換するAI Chrome拡張ビルダーです。manifest、スクリプト、ポップアップUI、パッケージング、バックエンド接続を自分で組み立てずにブラウザ拡張機能を公開したい人向けに設計されています。

この製品は、試作品ではなく完成品の出力に重点を置いています。プロンプトベースの生成、ダウンロード可能なZIP出力、Chrome向けのインストール手順、そしてユーザー自身のAPIキーで動作するSupabaseバックエンドやAI機能のオプションサポートが含まれます。サイトにはテンプレート、プロンプト例、ドキュメント、ライブプレビューも用意されており、インストール前にビルドを調整できます。

主な機能

プロンプトから拡張機能を生成

平易な英語の依頼を、コードを手で書かずに動作するManifest V3 Chrome拡張機能へ変換します。生成されるパッケージには、Chromeが期待する要素が含まれており、単なるモックアップではありません。

完全な拡張機能バンドル出力

manifest、content scripts、background service worker、popup、アイコン、パッケージングファイルをひとつのビルドとして生成します。サイトでは、これはUIだけの生成ツールではなく、完全な拡張機能アーキテクチャとして位置づけられています。

Supabase対応のフルスタックビルド

拡張機能にユーザーログイン、データベース保存、またはサーバー側ロジックが必要な場合は、Supabaseアカウントを接続できます。PlugThisはビルドの流れの中でバックエンドコードを書き出します。

BYOK AI連携

要約、翻訳、返信、その他のテキスト生成を行う拡張機能には、独自のAIキーを使用できます。サイトでは、対応モデルプロバイダーとしてOpenAI、Anthropic、Geminiが挙げられています。

ZIP出力と所有権

ダウンロード可能なZIPとして出力し、展開して、Chromeに未パッケージ拡張機能として読み込みます。生成されたコードは、保持して自由に変更できるものとして説明されています。

洗練のための反復ツール

テンプレート、プロンプト例、アップロード画像、組み込みエディタでの手動編集を使って作業できます。ドキュメントでは、リアルタイムのプレビュー更新と複数ファイル編集についても説明されています。

PlugThisの一般的な使い方

  • サイト固有のワークフロー拡張

    ページのコンテンツに反応し、ボタンを追加し、Reddit、LinkedIn、X、Gmail、GitHub、またはカスタムCMSなど特定のサイト上で動作するブラウザヘルパーを作成します。サイトでは、これは手動のChrome APIプロジェクトではなく、平易な英語で動く拡張機能を作る方法として位置づけられています。

  • AI支援ブラウザツール

    ユーザー自身のAPIキーを使って、ページ要約、返信文の下書き、翻訳、質問応答を行う拡張機能を作成します。製品では、OpenAI、Anthropic、Geminiがサポートされるモデルソースとして挙げられています。

  • 再利用可能な生産性ユーティリティ

    リード抽出ツール、CSSインスペクター、ページハイライター、プライバシーブラーツール、付箋のようなブラウザ向けツールを生成します。ホームページでは、これらがすぐに使えるテンプレートと例示プロンプトとして掲載されています。

  • 既存アイデアの反復

    テンプレートやアップロードしたモックアップから始め、チャットで変更を依頼したり、組み込みエディタで複数ファイルを編集したりできます。ドキュメントでは、この調整の流れに対してライブプレビュー更新と複数ファイル編集が説明されています。

  • バックエンド状態を持つ拡張機能

    拡張機能にサインイン、永続化、またはサーバー側ロジックが必要な場合にSupabaseを使用します。製品では、ローカルのブラウザコード以上のものが必要な拡張機能向けのフルスタックな方法として位置づけられています。

Pros and Cons

Pros

  • 平易な英語のプロンプトから、完全なManifest V3拡張機能を生成します。
  • ZIP出力と完全なコード所有を含むため、出力はインストール、修正、公開が可能です。
  • 保存やユーザーアカウントが必要な拡張機能向けに、Supabaseを通じたバックエンドロジックをサポートします。
  • ユーザー提供のモデルキーによるAI搭載ワークフローをサポートします。
  • コードを書かずにビルドを調整できるよう、ドキュメント、テンプレート、ライブプレビューを提供します。

Cons

  • プレビューはポップアップUIに限定されており、content scriptsやコンテキストメニュー操作などブラウザレベルの挙動を完全には表現しません。
  • 高度なビルドでは、必要な機能に応じてSupabaseや個人のAI APIキーなど外部アカウントやキーが必要になります。

FAQ

PlugThisは何を生成しますか?

PlugThisは、平易な英語による説明から、manifest、スクリプト、ポップアップUI、アイコン、必要に応じてバックエンドコードを含む、完全なManifest V3拡張機能バンドルを生成します。ドキュメントには、組み込みのコードエディタ、ライブプレビュー、ZIP出力、そしてChromeで展開済み拡張機能として読み込むための手順も記載されています。

ビルドの流れはどのようになっていますか?

ドキュメントによると、まずGoogleでサインインし、拡張機能を平易な英語で説明してから、ZIPをダウンロードして展開済み拡張機能としてインストールできます。ホームページでは、テンプレートやプロンプト例から始めることもできると案内されています。

出力をChrome ウェブストアに公開できますか?

はい。料金ページとドキュメントには、拡張機能をZIPとしてダウンロードし、Chromeに読み込み、Chrome ウェブストア向けに準備できると記載されています。サイトでは、生成されたコードはユーザーの所有物であるとも述べています。

PlugThisはバックエンドやAI機能をサポートしていますか?

PlugThisは、Supabaseを通じたバックエンド拡張機能と、独自のAPIキーを使ったAI対応拡張機能をサポートしています。ドキュメントでは、ワークフローに応じてOpenAI、Anthropic、Geminiがモデル विकल्पとして挙げられています。

プレビューで何を表示でき、何を表示できませんか?

ドキュメントによると、ライブプレビューは分離されたフレーム内でポップアップUIを表示し、ファイル生成中に更新されますが、すべてのブラウザレベルの機能を表示するわけではありません。コンテンツスクリプト、ネットワークルール、コンテキストメニューの挙動については、拡張機能をダウンロードしてChromeに読み込む必要があります。

Quick Facts

カテゴリー
AI Chrome拡張ビルダー
プラットフォーム
Chrome拡張機能、Manifest V3
主な用途
自然言語プロンプトからブラウザ拡張機能を作成して出力する
ソースドメイン
plugthis.ai
価格
有料プランが掲載されており、サイトでは月額$9.99から
所有権
ダウンロードしたコードはユーザーが所有すると説明されています