VIXNODE GUIDES · CHATGPT PLUGINS

VIXNODE Plugin 完整介紹:在 ChatGPT Plugins 中用 AI 建立與管理網站

完整介紹連接方式、建站流程及主要工具,並提供可直接使用的 Prompt 範例。

VIXNODE 與 ChatGPT 協作建立網站

VIXNODE Plugin 將 VIXNODE 的網站建立與管理功能整合至 ChatGPT Plugins。連接帳戶後,你可以用自然語言建立網站、產生頁面、調整設計、管理圖片、檢查版本與設定 SEO。重要操作仍會保留授權、預覽與確認流程。

開啟 VIXNODE Plugin

如何連接

  1. 開啟 VIXNODE Plugin。
  2. 點選連接。
  3. 登入並授權 VIXNODE 帳戶。
  4. 返回 ChatGPT,以自然語言提出需求。

連接流程使用 Dynamic Client Registration(DCR)處理應用程式註冊及授權。

21 項工具與 Prompt 範例

開啟新項目時,其他項目會自動收合。

查看目前連接的帳戶、方案與配額。

Prompt 範例

請告訴我目前連接的是哪一個 VIXNODE 帳戶。請查看我的 VIXNODE 方案與剩餘配額。

圖片上傳建議

強力建議使用 VIXNODE 的上傳介面或平台手動上傳圖片。
直接透過 ChatGPT 傳送大型圖片,可能消耗較多 ChatGPT 額度。 完成上傳後,再將圖片路徑交給 AI 套用到指定區塊。

下載 VIXNODE 建站資源

可將以下指引加入 ChatGPT 專案,或在新的對話中作為資料來源,提升生成穩定性、版型正確性與視覺成果的一致性。

VIXNODE 頁面建立指引

協助 ChatGPT 正確處理頁面類型、版型關係、識別碼、預覽與確認流程。

下載頁面建立指引

AI 網站藝術指導規範

提供視覺方向、品牌調性與網站藝術指導參考,協助產生更具一致性的設計成果。

下載藝術指導規範

若參考規範與使用者當次要求不同,應以使用者最新、最明確的指示為優先。套用前仍應檢查目標網站、頁面、版型、內容與影響範圍。

ChatGPT 專案設定上下文

以下範例可加入 ChatGPT 專案指示或作為對話中的專案上下文,讓 VIXNODE 在後續規劃內容、設計頁面與套用圖片時遵循一致規則。

# 預設外掛

@VIXNODE

# 起始專案

@VIXNODE `麵包工作坊`

# 專案主題

以麵包工作坊為主題,介紹手作麵包、烘焙課程、食譜、材料知識與工作坊活動。

# 網站目標

1. 傳達工作坊的品牌理念與手作精神。
2. 介紹課程內容、活動資訊與參加方式。
3. 分享實用的麵包食譜及烘焙知識。
4. 建立溫暖、專業且容易親近的品牌形象。
5. 引導訪客了解課程、預約體驗或聯絡工作坊。

# 主要受眾

* 對手作麵包感興趣的初學者
* 希望精進技巧的烘焙愛好者
* 尋找親子體驗或團體活動的訪客
* 想了解麵包材料、發酵與製作方法的讀者

# 內容分類

| 分類名稱  | 內容方向              |
| ----- | ----------------- |
| 工作坊介紹 | 品牌故事、教學理念、講師與空間介紹 |
| 烘焙課程  | 課程內容、難度、時間與適合對象   |
| 麵包食譜  | 材料、份量、製作步驟與實用技巧   |
| 烘焙知識  | 麵粉、酵母、發酵、工具與保存方式  |
| 活動資訊  | 體驗活動、親子課程與團體包班    |
| 工作坊日誌 | 課程紀錄、學員作品與日常故事    |

# 品牌與視覺方向

品牌個性:

* 溫暖自然
* 手作真誠
* 樸實細緻
* 專業但容易親近
* 具有生活感

視覺可從麵粉、麵團、烘烤色澤、木質工作桌、亞麻布與傳統烘焙工具取得靈感。

建議使用麵粉白、小麥米色、麵包金棕色、木質深褐色,以及少量鼠尾草綠或磚紅色。

避免無理由使用科技感藍紫漸層、霓虹光效、玻璃擬態、過多圓角卡片或制式化的 AI 網站風格。

# 內容撰寫原則

1. 使用自然、親切且容易理解的語氣。
2. 避免未經解釋的專業烘焙術語。
3. 食譜應清楚列出材料、份量、時間、步驟與注意事項。
4. 課程介紹應說明課程內容、難度、時間及適合對象。
5. 優先提供具體且實用的資訊,避免空泛的宣傳文字。
6. 不虛構講師、價格、地址、活動日期、證照或得獎紀錄。
7. 缺少必要資料時,先向使用者詢問或保留明確的待填欄位。
8. 提供內容建議時,儘量避免與既有內容重複。

# 圖片與主視覺

1. 圖片以麵包成品、製作過程、天然食材、烘焙工具與工作坊空間為主。
2. 整體風格應自然、溫暖、明亮,並保留真實的手作質感。
3. 預設主視覺圖片尺寸為 `1672 × 941 px`。
4. 圖片中的材料、工具與麵包製作方式應合理。
5. 如果指示修改網頁並加入主視覺圖,則 `<img>` 節點加入 `data-meta="true"`。
6. VIXNODE 圖片路徑格式:`/API/GetImage/...`
7. 圖片應提供符合實際內容的 `alt` 說明。

# 連結與檔案規則

1. 內部網頁連結使用相對路徑。
2. 只有實際存在的頁面才能加入連結。
3. 建立頁面時,透過 `filename` 指定完整檔案路徑。
4. 修改既有頁面時,保留原本檔名及頁面關係。
5. 不猜測或自行建立未知的專案 ID、頁面 ID、Layout ID 或 Placeholder ID。

內部連結範例:

* `classes/index.html`
* `recipes/sourdough-bread.html`
* `../index.html`
* `../classes/beginner-bread.html`

# 參考規範

建立或修改 VIXNODE 頁面時,遵守:

https://news.vixnode.com/vixnode-page-creation-instructions.md

進行網站視覺設計時,參考專案內的:

`AI-WEBSITE-ART-DIRECTION-INSTRUCTIONS.md`

若參考規範與使用者當次要求不同,以使用者最新、最明確的指示為優先。

注意事項

  • 執行前確認網站、頁面與視覺來源。
  • 修改前讀取最新內容並說明影響範圍。
  • 圖片優先由平台上傳,再提供路徑。
  • 先看預覽,再同意套用或發布。
  • SEO 發布前檢查標題、說明與 JSON-LD。