# 策展 · X (Twitter) 🔥🔥🔥🔥

> 📖 本站完整內容索引（documentation index）：[llms.txt](/llms.txt)

> 作者：钟二信 (@zhongerxin) · 平台：X (Twitter) · 日期：2026-06-22

> 原始來源：https://x.com/zhongerxin/status/2068450134401380498

## 中文摘要

zhongerxin 開源 Cowart 插件實現無限畫布。

**核心功能與應用**
Cowart 是一個專為 Codex 設計的本地無限畫布插件，旨在透過視覺化介面提升 AI 輔助設計的效率。其核心特色包括：
- **視覺化畫布**：基於 tldraw 提供無限畫布，所有資料預設儲存在當前專案的 `canvas/` 目錄中，確保資料持久化。
- **AI 圖片迭代**：使用者可建立 AI image holder，讓 Codex 根據指定比例生成圖片並填入；亦可透過上傳標註截圖，讓 AI 識別修改需求（如調整元素位置、比例或細節），並在原圖旁生成優化後的版本。
- **MCP 整合**：透過 MCP 工具讀取畫布選取狀態、插入圖片，並將產出保存至本地資源目錄。

![](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/82990567b48505e6.jpg)
> 這是一張展示 Cowart 軟體介面設計與修改建議的開發工作畫面截圖。

**安裝與設定步驟**
開發者提供了自動與手動兩種安裝方式，建議安裝後開啟新對話以載入相關 skill 與 MCP 工具：
1. 自動安裝（發送給 Codex）：
   ```bash
   請從 https://github.com/zhongerxin/cowart.git 安裝 Cowart Codex 插件。
   請 clone 倉庫到 ~/plugins/cowart，確認 .codex-plugin/plugin.json 存在，
   把插件加入 personal marketplace，先運行 codex plugin marketplace add ~，
   再運行 codex plugin add cowart@personal。
   ```
2. 手動安裝：
   ```bash
   mkdir -p ~/plugins
   git clone https://github.com/zhongerxin/cowart.git ~/plugins/cowart
   cd ~/plugins/cowart
   npm install
   npm run build
   ```
   並確保 `~/.agents/plugins/marketplace.json` 已正確設定 `personal` 類別與插件路徑。

**實際操作流程**
使用者可透過 Codex 指令啟動畫布服務（預設埠號 `43217`），並進行互動式設計：
- **開啟畫布**：輸入 `Open the Cowart canvas for this project.`。
- **生成圖片**：在畫布建立並選取 AI image holder 後，輸入 `Generate a new image into the selected Cowart AI image holder.`。
- **標註修改**：對圖片進行標註後截圖，並輸入 `Use my Cowart annotation screenshot to generate a clean revised image beside the original.`，AI 即會根據標註內容（如調整拉麵碗大小、筷子高度等）生成優化後的設計方案。

<video src="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1782091779335-bqv0zh7l.mp4" poster="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1f64f59748d7d456.jpg" controls playsinline preload="metadata" style="max-width:100%;height:auto;display:block;margin:1rem 0"></video>
> 這段影片展示了如何使用 Cowart Canvas 平台，透過 AI 輔助進行圖片編輯與排版優化。

該插件透過將「畫布」與「AI 迭代」結合，讓使用者能以更直覺的「留痕」方式進行圖片編輯，解決了以往純文字指令難以精確控制排版與細節的問題。

## 媒體內容

**這段影片展示了如何使用 Cowart Canvas 平台，透過 AI 輔助進行圖片編輯與排版優化。**

**影片中的 Prompt 與操作**

Prompt（00:02）：

```
填入 AI 圖像佔位符
```

原文：Fill AI Image Holder

Prompt（00:07）：

```
填入 AI 圖像佔位符生成一個拉麵海報的廣告
```

原文：填入 AI Image Holder 生成一個拉麵海報的廣告

Prompt（00:13）：

```
碗小一點
```

Prompt（00:22）：

```
筷子拉高一點
```

Prompt（00:25）：

```
有白邊
```

Prompt（00:34）：

```
拉麵字體放大
```

Prompt（00:43）：

```
碗面加上文字
```

Prompt（00:53）：

```
調整成直排
```

操作步驟：

1. （00:00）建立 Frame
2. （00:02）輸入 prompt 並送出
3. （00:07）輸入 prompt 並送出
4. （00:13）在畫布上標註「碗小一點」
5. （00:22）在畫布上標註「筷子拉高一點」
6. （00:25）在畫布上標註「有白邊」
7. （00:34）在畫布上標註「拉麵字體放大」
8. （00:43）在畫布上標註「碗面加上文字」
9. （00:53）在畫布上標註「調整成直排」

## 標籤

開源專案, MCP, AIGC, Codex, tldraw
