# 策展 · X (Twitter) 🔥

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

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

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

## 中文摘要

Cowart v0.1.20 新增 AI HTML 與 AI Slides 功能，讓使用者能在畫布中直接生成、標註並轉換 HTML 與簡報。

**核心更新功能**
開發者 zhongerxin 發布的 Cowart v0.1.20 版本，針對其基於 tldraw 的 Codex 原生無限畫布 widget 進行了重大升級，強化了創意內容的轉換與編輯彈性：

- **AI HTML**：支援在畫布中生成 HTML 並進行標註與修改。系統不僅能根據 HTML 草稿生成 AI 圖片，也能反向根據畫布中的圖片生成 HTML 程式碼。
- **AI Slides**：使用者可將畫布中的 HTML 或圖片直接轉換為簡報投影片進行播放，亦可從零開始生成完整的簡報。該功能支援對投影片進行標註，並據此生成新的簡報頁面。
- **自由轉換工作流**：Cowart 實現了「HTML 與圖片互轉」以及「HTML 加圖片轉 Slides」的靈活工作流，讓使用者能針對畫布上的創意內容進行精確的局部修改。

<video src="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1783908603284-f40rsteh.mp4" poster="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/083dd88326b010d4.jpg" controls playsinline preload="metadata" style="max-width:100%;height:auto;display:block;margin:1rem 0"></video>
> 透過 AI 工具將提示詞轉換為 HTML 網頁與簡報投影片的自動化工作流程。

**工具背景與應用**
Cowart 是一個專為 Codex 設計的 widget 插件，要解決的是開發者在構思、生成與迭代視覺內容時的流程斷層。其主要特點包括：

- **原生整合**：直接在 Codex 中開啟無限畫布，無需透過瀏覽器或 in-app browser，所有資料持久化儲存於當前專案目錄的 `canvas/` 資料夾中。
- **MCP 整合**：透過 MCP 工具讀取選擇狀態、保存畫布並插入資源，實現了「你的提示詞，就是剪輯台」的開發體驗。
- **安裝方式**：使用者可透過 Codex CLI 進行安裝，指令如下：

```bash
codex plugin marketplace add ~
codex plugin add cowart@personal
```

若需手動安裝，可將專案 clone 至本地並確保 `~/.agents/plugins/marketplace.json` 已正確設定 Cowart 條目。安裝完成後，建議開啟新的 Codex 對話以確保 `skill` 與 MCP 工具完整載入。

**使用指引**
- **開啟畫布**：在 Codex 對話中輸入 `Open the Cowart canvas for this project.` 即可啟動。
- **生成與編輯**：在畫布中建立 `AI 圖片` 或 `AI HTML` 框，輸入 prompt 即可生成內容。針對圖片，使用者可透過「按標註修改」功能，讓 Codex 根據標註痕跡生成乾淨的新圖。
- **簡報演示**：建立 `AI Slides` 後，可拖入圖片或 HTML 進行排版，或透過生成面板指定頁數（預設 5 頁）自動生成簡報。播放時支援全屏模式，並保留 HTML 的互動功能。

詳細專案資訊與更新內容可參考 GitHub 頁面（[https://github.com/zhongerxin/cowart](https://github.com/zhongerxin/cowart)）。

## 媒體內容

**透過 AI 工具將提示詞轉換為 HTML 網頁與簡報投影片的自動化工作流程。**

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

Prompt（00:01）：

```
生成三片 PPT text
```

Prompt（00:04）：

```
生成三片 PPT text 關於目前 Cowart 最近更新的四個功能：AI HTML 和 AI Slides
```

Prompt（02:04）：

```
介紹一下最近發布的 Codex
```

Prompt（02:09）：

```
介紹一下最近發布的 ChatCut Codex 插件
```

操作步驟：

1. （00:01）輸入提示詞並生成 HTML
2. （00:12）輸入提示詞並生成簡報
3. （02:04）輸入提示詞並生成關於 Codex 的簡報
4. （02:09）輸入提示詞並生成關於 ChatCut Codex 插件的簡報

## 標籤

功能更新, 開源專案, AIGC, Web, Cowart, tldraw
