PlugThis icon

PlugThis

PlugThis 是一款 AI Chrome 擴充功能建構工具,可將白話提示詞轉為可運作的 Manifest V3 擴充功能,支援 ZIP 匯出、完整程式碼所有權,並可選擇使用 Supabase 或 AI 驅動建置。

PlugThis

PlugThis 的功能

PlugThis 是一款 AI Chrome 擴充功能建構工具,可將白話想法轉為可運作的 Manifest V3 擴充功能。它專為希望發佈瀏覽器擴充功能、但不想自己組裝 manifest、腳本、popup UI、封裝與後端連線的人而設計。

此產品重點在於完整輸出,而非原型。其工作流程包含以提示詞生成、可下載的 ZIP 匯出、Chrome 安裝說明,以及對 Supabase 後端或由使用者自行提供 API 金鑰所驅動的 AI 功能之可選支援。網站也提供範本、提示詞範例、文件與即時預覽,方便在安裝前進一步調整建置結果。

核心功能

提示詞轉擴充功能生成

將白話需求轉換為可運作的 Manifest V3 Chrome 擴充功能,無需手寫程式碼。產生的套件包含 Chrome 預期的各個部分,而不只是示意稿。

完整擴充功能套件輸出

一次產生 manifest、content scripts、background service worker、popup、icons 與封裝檔案。網站將這項功能定位為完整的擴充功能架構,而不只是 UI 產生器。

Supabase 支援的全端建置

當擴充功能需要使用者登入、資料庫儲存或伺服器端邏輯時,可連結 Supabase 帳號。PlugThis 會在建置流程中一併撰寫後端程式碼。

BYOK AI 整合

為需要摘要、翻譯、回覆或其他文字生成功能的擴充功能使用你自己的 AI 金鑰。網站列出 OpenAI、Anthropic 與 Gemini 為支援的模型供應商。

ZIP 匯出與所有權

匯出可下載的 ZIP、解壓後即可在 Chrome 中以未封裝擴充功能載入。產生的程式碼描述為可由你保留與修改。

精修用迭代工具

可從範本、提示詞範例、上傳圖片與內建編輯器中的手動修改進行調整。文件也說明了即時預覽更新與多檔案編輯。

PlugThis 的常見使用方式

  • 特定網站的工作流程擴充功能

    建立會回應頁面內容、加入按鈕,或在 Reddit、LinkedIn、X、Gmail、GitHub 或自訂 CMS 等特定網站上執行的瀏覽器輔助工具。網站將這項能力定位為從白話描述直接產生可運作擴充功能,而非手動進行 Chrome APIs 專案。

  • AI 輔助的瀏覽器工具

    使用使用者自己的 API 金鑰,建立可摘要頁面、撰寫回覆、翻譯文字或回答問題的擴充功能。產品將 OpenAI、Anthropic 與 Gemini 列為支援的模型來源。

  • 可重複使用的生產力工具

    產生各種瀏覽器工具,例如名單擷取器、CSS 檢查器、頁面標記器、隱私模糊工具或便利貼。首頁將這些列為可直接使用的範本與範例提示詞。

  • 針對既有想法進行迭代

    從範本或上傳的 mockup 開始,接著透過聊天要求修改,或在內建編輯器中編輯多個檔案。文件說明了此調整流程的即時預覽更新與多檔案編輯。

  • 具備後端狀態的擴充功能

    當擴充功能需要登入、資料持久化或伺服器端邏輯時,使用 Supabase。產品將這定位為適合需要超越本機瀏覽器程式碼之功能的全端路徑。

Pros and Cons

Pros

  • 可從白話提示詞生成完整的 Manifest V3 擴充功能。
  • 包含 ZIP 匯出與完整程式碼所有權,因此輸出可安裝、修改或發佈。
  • 透過 Supabase 支援需要儲存或使用者帳號的擴充功能後端邏輯。
  • 透過使用者提供的模型金鑰支援 AI 驅動工作流程。
  • 提供文件、範本與即時預覽,協助使用者在不寫程式的情況下調整建置結果。

Cons

  • 預覽僅限於 popup UI,無法完整呈現瀏覽器層級的行為,例如 content scripts 或右鍵選單動作。
  • 當需要這些功能時,進階建置會依賴外部帳號或金鑰,例如 Supabase 或個人 AI API 金鑰。

FAQ

PlugThis 會產生什麼?

PlugThis 會根據白話描述產生一整套 Manifest V3 擴充功能套件,包括 manifest、腳本、popup UI、圖示,以及在需要時的後端程式碼。文件也說明了內建程式碼編輯器、即時預覽、ZIP 匯出,以及在 Chrome 載入未封裝擴充功能的安裝步驟。

建置流程如何運作?

文件指出,你可以先用 Google 登入,再用白話描述這個擴充功能,接著下載 ZIP 並將其安裝為未封裝擴充功能。首頁也表示你可以從範本或提示詞範例開始。

我可以將輸出發佈到 Chrome 線上應用程式商店嗎?

可以。定價與文件頁面都說明,擴充功能可以下載為 ZIP、載入 Chrome,並準備發佈到 Chrome 線上應用程式商店。網站也聲明產生的程式碼歸你所有並可保留。

PlugThis 支援後端與 AI 功能嗎?

PlugThis 支援透過 Supabase 建立後端擴充功能,也支援透過你自己的 API 金鑰啟用 AI 功能的擴充功能。文件提到 OpenAI、Anthropic 和 Gemini,作為可用的模型選項,視工作流程而定。

預覽可以顯示哪些內容,不能顯示哪些內容?

文件說明即時預覽會在獨立框架中顯示 popup UI,並在檔案生成時更新,但不會顯示所有瀏覽器層級的能力。若要使用內容腳本、網路規則與右鍵選單行為,你需要下載擴充功能並在 Chrome 中載入。

Quick Facts

類別
AI Chrome 擴充功能建構工具
平台
Chrome 擴充功能、Manifest V3
主要用途
透過自然語言提示詞建置並匯出瀏覽器擴充功能
來源網域
plugthis.ai
價格
網站列出付費方案,起價為每月 $9.99
所有權
下載的程式碼描述為由使用者擁有