Redesign icon

Redesign

Redesign 是一款免費、開源的本機設計工具,讓 Claude 直接從你的程式碼庫製作具品牌風格的 LinkedIn 與 Instagram 輪播貼文,並透過 Claude Code 與 MCP 流程在本機建立與編輯投影片。

Redesign

概覽

Redesign 是 Nodewave 推出的一款免費、開源設計工具,讓 Claude 在本機畫布編輯器中建立社群貼文。它適合想要製作具品牌風格的 LinkedIn 與 Instagram 輪播貼文、但不想逐張手動設計的人。

整個流程圍繞你的程式碼庫運作:Redesign 會掃描你已在使用的元件、樣式與素材,接著讓 Claude 透過 MCP 伺服器以這些素材組合投影片。這個工具在本機執行、使用 Claude Code,並採用 MIT 授權,因此重點是直接在既有系統中設計,而不是把工作送到另一個雲端應用程式。

功能特色

由 Claude 驅動的貼文建立

使用 Claude 將提示詞轉換為社群貼文,無需從空白畫布開始。首頁展示它如何從網站自己的程式碼庫生成四張投影片的發佈輪播。

以程式碼庫作為風格指南

Redesign 會從你的程式碼庫中擷取實際元件,並將其作為貼文版面的樣式來源,包括卡片、按鈕、圖示、圖表、色彩、字型與間距。

可重複使用的素材庫

將圖層或組合儲存為可重複使用的資產,讓之後的貼文能重用相同的建構元素,而不必從頭重做。

即時預覽與程式碼編輯

在 Claude 工作時即時預覽畫布,若你想直接修改,也可以自行編輯元件程式碼。

本機設定搭配 Claude Code

透過一條終端機指令完成安裝,會設定畫布應用程式並將 MCP 註冊到 Claude Code。

以輪播輸出為主

支援方形與直式輸出比例,因此可用於 LinkedIn 與 Instagram 輪播格式。

使用情境

  • 與品牌匹配的發佈貼文

    使用你網站或應用程式程式碼庫中既有的元件、色彩與字體,製作具品牌一致性的發佈或公告輪播。

  • 在本機起草與細修投影片

    在 Claude Code 中建立輪播、檢視即時預覽,並在想要更精細控制時透過直接程式碼編輯調整文案或版面。

  • 重複內容模板

    將效果良好的投影片或組合作為素材儲存,並在後續內容中重複使用,讓重複性的貼文格式更快產出。

  • 私密的本機工作流程

    當你希望圖片、API 金鑰與編輯內容都保留在自己機器上的本機工作流程時,可用它來產生 LinkedIn 或 Instagram 貼文。

Pros and Cons

Pros

  • 開源且採用 MIT 授權,並在使用者機器上本機執行。
  • 以使用者自己的程式碼庫作為風格參考,可減少手動對齊品牌風格的工作。
  • 透過結構化的 MCP 流程讓 Claude 建立與編輯投影片,並在儲存前進行驗證。
  • 提供即時預覽與直接程式碼編輯,適合想要更多控制權的使用者。
  • 支援素材重用,因此可將有效的版型延續到後續貼文。

Cons

  • 需要 Node.js 20+ 與 Claude Code,因此它不是一個獨立的設計應用程式。
  • 首頁對更廣泛的工作流程、團隊使用方式,以及除了 Claude Code 以外的支援整合說明較少。
  • 價格資訊未在定價頁公開;目前連結的頁面回傳 404。

FAQ

Redesign 是什麼?

Redesign 是一款免費、開源的本機工具,讓 Claude 設計 LinkedIn 與 Instagram 輪播貼文。你描述貼文內容,Claude 就會在你可控制的畫布編輯器中建立投影片。

Redesign 真的免費嗎?

是的。這個工具採用 MIT 授權,並在你的機器上執行。你支付的是 Anthropic 的 Claude 使用費,不是 Nodewave。

執行它需要什麼?

你需要安裝 Node.js 20 或更新版本,以及 Claude Code。其餘設定可透過一條終端機指令完成。

有任何內容會上傳到伺服器嗎?

不會。Redesign 沒有由 Nodewave 控制的後端。你的貼文、圖片與 API 金鑰都保留在你的機器上。

Claude 如何編輯投影片?

Claude 透過一個 MCP 伺服器來編輯畫布,該伺服器會將設計以結構化資料的形式公開。它可以建立圖層、對齊元素、替換文案,並在儲存前驗證變更。

Quick Facts

Category
設計工具
Platform
Claude Code 的本機工具
License
MIT
Primary use
LinkedIn 與 Instagram 輪播貼文
Domain
nodewave.io
Setup
npx @nodewave-io/redesign