# 創造模式用一句話說出你想讓網站變成什麼樣子，例如「讓我的訊息窄一點」。網站上的 AI 會幫你做出這個改動，Voyager 先檢查一遍，再幫你裝上。不用懂程式，也不用離開目前的頁面。Gemini、AI Studio、ChatGPT、Claude、DeepSeek 和 Kimi 上都能用。做出來的改動叫做「創造」。它是一個小外掛，只存在你這個瀏覽器裡。你隨時可以把它關掉或刪掉。創造模式有兩個入口：網頁上 [Voyager 面板](./panel.md) 裡的 **創造** 分頁，以及 Voyager 彈出視窗（點瀏覽器工具列上的 Voyager 圖示打開的小視窗）裡的 **我的創造** 卡片。 ## 在頁面上創造最快的做法，就是直接在你想改的那個 AI 網站上做。在那裡打開 Voyager 面板，點 **創造**。在 **想改什麼？** 下面寫一句話，例如「讓我的訊息窄一點，並隱藏側邊欄」。然後點 **在此頁創造**。 Voyager 會在這個網站上新開一個對話，把你的請求填進輸入框。先看過一遍，再自己按送出。Voyager 絕對不會替你送出。如果輸入框裡已經有字，Voyager 不會動它，會提醒你先送出或清空。 AI 回覆後，回覆下方會出現 Voyager 的按鈕 **預覽並安裝**。點它，面板會列出這個創造會改哪些地方、在哪些網站上生效，以及 **請先留意** 的事項。看完沒問題就點 **安裝並開啟**，改動馬上出現。不想要了，到面板的 **功能** 分頁把它關掉就好。還想再改，就在同一個對話裡繼續跟 AI 說。 - **新版本**：AI 的新回覆下方會出現 **預覽更新**。看完點 **更新並開啟**。舊的回覆下方會標著 **較早的版本**。 - **已經裝上的**：你裝的那一則回覆下方會顯示 **已安裝**。 - **只出現在這類對話裡**：按鈕只會出現在用 **在此頁創造** 開始的對話裡。想在別的對話裡做，可以用下面「在彈出視窗裡創造」的方法。 ## 讓 AI 看清楚頁面 **創造** 分頁裡有一個開關：**附上這個頁面的結構（不含任何文字），讓 AI 依頁面的實際情況來寫**。它預設是開著的。 - **附上的是什麼**：頁面的骨架，也就是頁面上有哪些按鈕、輸入框和訊息區，各自擺在哪裡。有了它，AI 就不用用猜的。 - **絕對不會附上的**：頁面上的任何文字，包括你的對話內容，也不包括網址和帳號資訊。 - **自己看一眼**：點 **查看附上的內容**，看到的就是會交給 AI 的全部內容。 - **不想附上**：把開關關掉，請求裡就只有你寫的那句話。 ## Gemini 上的模型提示 Gemini 有好幾個模型可以選。其中 Flash 和 Flash-Lite 比較輕量，通常做不出能用的創造。如果新對話會用到這類模型，**創造** 分頁頂端會提醒你。 - **怎麼辦**：提示裡會說該換成哪個模型。到 Gemini 的模型選單裡換好，再點 **重新檢查**。 - **另一條路**：也可以點提示裡的 **複製給本機 Agent**，交給你電腦上的程式設計助理來做，請見 [撰寫自己的外掛](./write-a-plugin.md)。 - **不會擋你**：這只是提醒。**在此頁創造** 照樣可以點。 ## 裝不上的時候 AI 不一定每次都能一次做對。做得不對時，回覆下方會用一句話說明原因，例如「它沒寫明用在哪個網站」。 - **請它修正**：點回覆下方的 **請它修正**。Voyager 會把問題寫進輸入框，你按送出就好。 - **修好之後**：AI 傳來修好的版本後，下方會再出現 **預覽並安裝**。 - **在那之前什麼都不會變**：沒裝上的創造不會動到你的頁面。 ## 裝好之後裝好的創造都在 **我的創造** 裡。 - **在面板裡**：**功能** 分頁裡的 **我的創造** 那一組。每個創造一列，各有自己的開關。 - **在彈出視窗裡**：在 Gemini 和 AI Studio 上，它是一張卡片，預設在 **雲端同步** 下方，可以用彈出視窗頂端的 **跳至** 直接過去。在其他網站上，它在外掛清單下方。 - **刪除**：點那一列的垃圾桶圖示，再確認。刪掉就無法復原。 - **帶到別的瀏覽器**：在彈出視窗的 **我的創造** 裡對它點 **匯出**，會得到一個檔案。到另一個瀏覽器匯入這個檔案就好。 - **分享給大家**：覺得它對別人也有用，可以提議收進 Voyager，做法請見 [外掛貢獻說明](./plugin-contribution.md)。 ### 自動檢查每次打開面板，Voyager 都會看看你的創造在目前頁面上有沒有發揮作用。 - **沒有作用**：如果一個創造開著，卻在這個頁面上找不到要改的地方，它那一列會寫 **已開啟，但這個頁面上沒有它能對應的內容**。網站改版後常常會這樣。 - **讓頁面卡住**：如果一個會執行程式碼的創造讓頁面卡住，Voyager 已經把它關掉，那一列會寫明原因。 - **請 AI 修正**：這兩種情況旁邊都有 **請 AI 修正**。點它，Voyager 會新開一個對話，把它看到的問題填進去。面板會自動關上，讓你看過一遍再送出。 ## 替 Voyager 換配色創造也能替 Voyager 自己換顏色。只要說一句，例如「把 Voyager 換成 Nord 配色」。 - **會變的**：Voyager 的面板、選單、對話框、提示訊息，以及時間軸的顏色。淺色和深色模式都會變。 - **不會變的**：網站本身的顏色，以及 Voyager 直接寫在網站頁面上的文字，免得文字跟網站背景混在一起看不清楚。Voyager 彈出視窗也不受影響。 - **想換回來**：把這個創造關掉，顏色就會恢復原樣。 ## 在彈出視窗裡創造如果不想新開對話，或想讓別的對話、別的 AI 來做，可以從彈出視窗的 **我的創造** 開始。外掛清單最下面的 **自己創造一個** 會直接帶你過去。在 **想改什麼？** 下面寫一句話。下方的 **網站** 預設是你正在看的網站，要做給別的網站用就改一下。點 **複製到目前對話**，把複製好的文字貼到那個網站的 AI 對話裡送出。 AI 回覆後，把整段回覆複製下來，貼到 **貼上 AI 的回覆**，再點 **檢查回覆**。 Voyager 會用白話告訴你它會改什麼。點 **匯入**，再到外掛清單裡把它打開。用這種方式匯入的創造一開始是關著的。走這條路時，Voyager 自己什麼都不會送出。文字由你貼過去，回覆也由你帶回來。 ## 會執行程式碼的創造大多數創造只改外觀。有些需求光改外觀做不到，例如數一數你送出了幾則訊息，或是點一下就做某件事。這時 AI 會做一個會執行程式碼的創造。審閱時它會帶有 **執行程式碼** 標記。 ### 開啟它 - **先看清楚**：審閱會列出它在哪些網站上執行，並顯示它的全部程式碼。它看得到這些網頁上的一切，包括你的對話。Voyager 擋不住它把看到的內容傳到別的地方。所以只開你信得過的。 - **安裝並開啟**：開啟的就是你剛剛看過的那一版。之後 AI 給的新版本會先關著，等你再看一遍。這個開關只在這台裝置上生效。 - **瀏覽器裡的一次性設定**：瀏覽器要先同意，Voyager 才能執行這類創造。點 **開啟 Voyager 詳細資料頁面**，打開 **允許使用者指令碼**（Allow User Scripts），回來再點 **我已開啟**。 - **能用的瀏覽器**：電腦上的 Chrome 或 Edge，版本 133 以上。在 Safari、Firefox 和手機上，它會保留著，但暫停執行。可以請 AI 改成只改外觀的版本。 ### 隨時掌控在 **我的創造** 裡，每個會執行程式碼的創造都會顯示 **已開啟，僅限這台裝置**、**已關閉** 或 **已暫停**，暫停時還會寫出原因。 - **一鍵全停**：點 **我的創造** 最下面的 **停止所有執行程式碼的創造**。想恢復就點 **恢復**。 - **已經開著的網頁**：它們會繼續執行，直到重新整理。點 **重新整理這個頁面** 就能重新整理目前的網頁。 - **頁面卡住**：如果網頁因為它們卡住，Voyager 會把它們關掉。下次打開網頁時，會有通知告訴你是哪幾個。 ## 能做到什麼，做不到什麼 - **做得到**：改網頁的樣子，例如寬窄、字級、顏色；隱藏不想看的部分；在設定裡加開關和滑桿；替 Voyager 換顏色。在部分網站上，還能打開 Voyager 內建的功能，例如公式複製和時間軸。 - **要執行程式碼才做得到**：點一下就做某件事、計算數量、讀取網頁內容。請見上面的「會執行程式碼的創造」。 - **誰都做不到**：在別的網站上執行，或是改 Voyager 自己的設定。遇到這種請求，AI 會直接告訴你，並做出最接近的版本。 ## 想了解細節這一節寫給想知道背後怎麼運作的人。只想用的話可以跳過。 - **創造是什麼**：一個本機外掛，由一份外掛清單和樣式組成。手寫外掛的方法、規則，以及換配色用的顏色變數，請見 [撰寫自己的外掛](./write-a-plugin.md)。 - **AI 讀什麼**：請求裡附有 Voyager 為每個網站準備的說明頁，例如 `https://voyager.nagi.fun/create/claude.md`。AI 讀完後會回覆一個 JSON 程式碼區塊。Voyager 只在訊息裡帶有這個連結的對話裡顯示按鈕，所以在彈出視窗裡複製時，AI 必須能打開連結。 - **頁面結構**：附上的是 Voyager 認得的頁面元素和數量，以及最近一則回覆和你最近一則訊息周圍的元素層級。不含文字和網址；看起來像 ID、電子郵件或長數字的屬性值也會拿掉。 - **模型提示**：Voyager 看的是新對話會用的模型；如果用了 [預設模型](./default-model.md)，就依那個預設模型判斷。回到面板時會再檢查一次。 - **自動檢查**：Voyager 只看創造裡的樣式和頁面改動，能不能在目前頁面上找到對象。懸停、聚焦這類狀態，以及只呼叫內建功能的創造，都不算在內。 - **執行程式碼**：透過 Chrome 的使用者指令碼（user scripts）功能執行，而且只在創造列出的網站上執行。Chrome 138 之前，那個開關是 `chrome://extensions` 頂端的 **開發人員模式**。