跳至主要內容
Studio 設定指南 我的 AI 助理會幫我設定

讓你的 AI 助理設定 Studio

你電腦上的 AI 程式設計助理,例如 Claude Code、Codex 或 Cursor,可以替你把 Studio 放上線。你只要貼上現成的指示,助理就會讀取 Studio 下載檔內附的設定說明,與你一起判斷虛擬主機或 Cloudflare 帳戶哪一種比較適合,並且在變更任何內容之前先詢問你。

最適合
已經在使用能在電腦上執行指令的 AI 程式設計助理的人。兩種 Studio 都適用:架設在虛擬主機上,或架設在 Cloudflare 中。
需要準備
Windows 或 Mac 版 Maxisnap,並使用擁有 Studio 的帳戶登入;你電腦上的 AI 程式設計助理;以及你的主機登入資料,或一個 Cloudflare 帳戶。
所需時間
大多不需動手:你只要回答助理的問題,並核准每一項變更。
你會得到
與其他設定方式相同的 Studio,位於你的虛擬主機上,或你自己的 Cloudflare 帳戶中。

你的助理會遵循的規則

每個 Studio 下載檔都附有專為 AI 助理撰寫的指示。其中說明了 Studio 的兩種版本、確切的安裝步驟、哪些內容必須保密,以及如何檢查結果。這些指示也會要求你的助理:

  • 在每次上傳、部署,或對伺服器或帳戶做任何變更之前先詢問你,並明確說明它會變更什麼。
  • 絕對不要刪除、覆寫或重新命名已經存在的內容:網站檔案、DNS 記錄、Worker、儲存貯體或資料庫。Studio 只會新增項目。
  • 不要把金鑰和密碼寫入它建立的檔案中。
  • 最後把 Studio 網址和管理員金鑰交給你,讓你可以連接 Maxisnap。

在你的電腦上取得 Studio

  • 在 Windows 上:在 Maxisnap 中開啟「設定 → 帳戶 → Maxisnap Studio 設定精靈」,按一下「開始使用」,再按一下「下載儀表板」。Maxisnap 會把 Studio ZIP 檔儲存到你的「下載」資料夾,並開啟該資料夾。
  • 在 Mac 上:在 Maxisnap 中開啟「Settings → Welcome & Help → Studio Setup Guide」,按一下「Get Started」,再按一下「Download Dashboard」。Maxisnap 會把 Studio ZIP 檔儲存到你的「下載項目」資料夾。

解壓縮 ZIP 檔。在 Windows 上,請以滑鼠右鍵按一下該檔案,選擇「全部解壓縮」。在 Mac 上,按兩下即可。

複製解壓縮後資料夾的位置;你會在第 3 步貼上它。在 Windows 上,請以滑鼠右鍵按一下該資料夾,選擇「複製為路徑」。在 Mac 上,請選取該資料夾並按下 Option+Command+C。

給 AI 助理的指示檔案就在那個資料夾中:

AGENTS.md

你會看到的畫面 解壓縮後的 Studio 資料夾:三個資料夾(cloudflare、docs 和 snaps)、Start Here 頁面,以及給 AI 助理的指示。

如果你想要,可以鎖定你的品牌設定

按兩下「Maxisnap Studio - Start Here.html」,設計你的標誌、色彩和字型,再按一下「Lock in my branding」,助理就會使用它。你也可以略過這一步,之後再到儀表板的「Branding」中變更品牌設定。

複製指示

複製這些指示,把角括號中的那一行換成你的 Studio 資料夾,然後貼到你的助理中。

Set up Maxisnap Studio for me.

Maxisnap Studio is a self-hosted dashboard for the screenshots and screen recordings the Maxisnap desktop app uploads: a private library plus branded share links. It comes in two editions with the same features: a PHP app for ordinary web hosting, and a Cloudflare Worker that uses R2 and D1.

Everything is in this folder on my computer:
  <the folder where I extracted the Studio download>

Start by reading AGENTS.md in that folder. It explains both editions, the exact install steps, what must stay private, and how to check the result.
If I locked in my branding, it is in snaps.zip; AGENTS.md says what to do if it is missing.

Goal: Work out with me whether the PHP edition (my web hosting) or the Cloudflare Workers edition fits my setup, then install it.

Rules:
- Ask me before you upload, deploy, or change anything on a server or in an account, and tell me exactly what you will change.
- Never delete, overwrite or rename existing website files, DNS records, Workers, buckets or databases. Studio only adds new things.
- Keep keys and passwords out of files you create and out of chat transcripts where you can.
- When it works, give me the Studio address and the Admin key so I can connect the Maxisnap app (on Windows, Settings, Account, Maxisnap Studio setup wizard, step 4; on a Mac, Settings, Welcome & Help, Studio Setup Guide, “I already have a dashboard”).

回答助理的問題

  1. 告訴它你的網站在哪裡:在虛擬主機上(cPanel、hPanel、Plesk 等等)、在 Cloudflare 上,或還沒有網站。如果沒有網站,Cloudflare 版是穩妥的選擇。
  2. 如果是虛擬主機,它會告訴你要上傳什麼、上傳到哪裡;如果你讓它存取你的主機,它也可以替你上傳。
  3. 如果是 Cloudflare,它會要求你提供 Cloudflare API 權杖。請到 Cloudflare 的「My Profile → API Tokens」,依助理列出的權限建立權杖,並自己把它貼到終端機中。

Cloudflare 帳戶、儲存空間和權杖的步驟,請參閱免費 Cloudflare 帳戶指南。

在你同意之前,先檢查它的計畫

在進行 Cloudflare 部署之前,助理會先把計畫顯示給你看。「Will create」會列出一個 Worker、一個 R2 儲存貯體和一個 D1 資料庫,「Will not touch」則列出帳戶中的其他所有項目。如果是虛擬主機,助理會告訴你它要新增哪個資料夾。確認清單沒問題後,再回答同意。

你會看到的畫面 助理整理的摘要,列出它會建立什麼、會放著不動什麼,並等候你的同意。

連接 Maxisnap 並試試看

成功之後,助理會給你 Studio 的網址和管理員金鑰。請把金鑰存放在安全的地方,例如你的密碼管理員。

  • Windows 版 Maxisnap:開啟「設定 → 帳戶 → Maxisnap Studio 設定精靈」,按一下「開始使用」,然後一直按「下一步」,直到第 4 步「連接 Maxisnap」。貼上 Studio 網址和金鑰,按一下「測試連線」,再按「下一步」,到最後一頁時按一下「完成並儲存」。設定時取得的管理員金鑰可以使用,儀表板「People & access」中的上傳代碼也可以。
  • Mac 版 Maxisnap:開啟「Settings → Welcome & Help → Studio Setup Guide」,選擇「I already have a dashboard」。貼上 Studio 網址和金鑰,按一下「Test Connection」,再按「Next」,最後按一下「Finish & Save」。

擷取一些畫面,然後在編輯器中按一下「上傳」。在 Windows 上,按 Ctrl+Alt+7 會擷取一個區域並立即上傳。分享連結會放到你的剪貼簿中。

接下來:在儀表板的「People & access」中加入你的團隊(每個人都會有自己的代碼和角色),並隨時可以在「Branding」中更改標誌或色彩。

如果發生問題

助理說它無法開啟檔案或執行指令

請使用能在你電腦上執行、並可在資料夾中作業的程式設計助理,例如 Claude Code、Codex 或 Cursor。在瀏覽器分頁中的聊天視窗看不到你的 Studio 資料夾,也無法執行部署工具。

助理找不到指示檔案

請檢查你貼進指示中的資料夾。它必須是解壓縮後的 Studio 資料夾,而不是 ZIP 檔,而且裡面要有給 AI 助理使用的指示檔案。

助理說 Node.js 未安裝或版本太舊

Cloudflare 部署工具需要 Node.js 20 或更新版本。請從 nodejs.org 安裝目前的 LTS 版本,或在助理告訴你它要做什麼之後讓它代為安裝;裝好後再重新開始。安裝在虛擬主機上的 Studio 不需要 Node.js。

助理要求你把權杖或密碼貼到聊天視窗中

請改為在指令要求時,把它貼到終端機中,這樣它就不會留在聊天紀錄裡。如果你已經把 Cloudflare 權杖貼到聊天中,等你的 Studio 開始運作後,請到 Cloudflare 的「My Profile → API Tokens」刪除它,下次需要時再建立新的。

助理想要刪除、取代或重新命名某些東西

請回答「不行」。Studio 只會新增項目,而它的指示也要求助理絕對不要刪除、覆寫或重新命名現有的網站檔案、DNS 記錄、Worker、儲存貯體或資料庫。請改為要求它另選一個新名稱。

助理說找不到你的品牌設定檔案

你還沒有鎖定品牌設定。請開啟「Maxisnap Studio - Start Here.html」,設計你的品牌,再按一下「Lock in my branding」;或者告訴助理直接採用 Maxisnap 的外觀。之後你可以在儀表板的「Branding」中變更。

助理的最後檢查回應 401 或 404

{"error":"unauthorized"}

401 表示金鑰不正確:請使用設定時顯示的管理員金鑰,並且完全照原樣輸入。404,或是收到一般網頁而不是簡短的回應,表示網址或資料夾有誤;在虛擬主機上,也可能是 Studio 的 .htaccess 規則被忽略了。

Cloudflare 部署在中途停止

請助理在同一個資料夾中再執行一次相同的部署指令。它會讀取 deployment.json,並從中斷的地方繼續,不會重複建立任何東西。

Maxisnap 無法使用助理提供的網址和金鑰連線

網址就是你用來開啟 Studio 儀表板的那個網址,開頭是 https://, 例如 https://yourcompany.com/snaps. 複製金鑰時,前後不要有空格。連接現有 Studio 的指南會說明每則訊息的意思。

還需要協助嗎?

請寄電子郵件給我們,會有真人回覆你,通常在一個工作天內。提供下列資料,能讓我們一次就完整回覆你:

  • 你選擇的設定方式,以及你目前進行到哪一步。
  • 目前畫面的螢幕截圖,並完整呈現任何錯誤訊息。
  • 你打算把 Studio 放在哪裡:新的或現有的 Cloudflare 帳戶,或是你的虛擬主機公司名稱。
  • 你的 Maxisnap 版本:在 Windows 上位於「設定 → 關於」;在 Mac 上則位於「Maxisnap → About Maxisnap」。

請不要把你的管理員金鑰、Cloudflare 金鑰或密碼寄給我們。我們不需要它們就能協助你。

其他設定指南