Redesign by Nodewave

Redesign by Nodewave

Nodewave 的 Redesign 是一個免費、開源的本地工具,讓 Claude 能夠直接在程式碼中設計和生成 LinkedIn/Instagram 輪播貼文,具有即時預覽、可編輯圖層,並且您的 API 金鑰永遠不會離開您的機器。
https://www.nodewave.io/redesign?ref=producthunt&utm_source=aipure
Redesign by Nodewave

產品資訊

更新時間:2026年05月18日

什麼是 Redesign by Nodewave

Nodewave 的 Redesign 是一個 MIT 許可的、本地優先的設計工具,旨在幫助團隊創建品牌社交媒體輪播,而無需從空白畫布開始。您無需在單獨的圖形應用程式中設計,而是描述您想要什麼,Claude 會使用您現有的程式碼庫和品牌組件生成幻燈片,您可以在畫布編輯器中即時預覽和編輯。它專為 LinkedIn 和 Instagram 等平台設計,完全在您的電腦上運行,並與 Node.js 20+ 和 Claude Code 配合使用——因此您的資產、貼文和 API 金鑰都在您的控制之下。

Redesign by Nodewave 的主要功能

Nodewave 的 Redesign 是一個免費、開源的本地設計工具,讓您可以使用 Claude(透過 Claude Code + MCP 伺服器)直接在程式碼中生成和編輯社群媒體輪播貼文(例如 LinkedIn 和 Instagram),在瀏覽器畫布中即時預覽,並匯出/分享它們—利用您現有的程式碼庫和品牌組件,這樣您就不必從空白畫布開始,並且您的資產和 API 金鑰會保留在您的機器上。
Claude 驅動的輪播創建(MCP 支援): 描述您想要的貼文,Claude 會透過操作畫布作為結構化數據(圖層、對齊、文案更改)來構建投影片,並在保存前進行驗證。
本地優先,無 Nodewave 後端: 完全在您的機器上運行;貼文、圖像和憑證不會上傳到供應商控制的伺服器,Redesign 絕不會看到您的 API 金鑰。
一鍵安裝 + 快速設定: 透過單一命令 (`npx @nodewave-io/redesign`) 安裝並打開本地畫布應用程式;包括 `connect` 命令以註冊/修復與 Claude Code 的 MCP 整合。
即時預覽畫布編輯器: 在基於瀏覽器的畫布(localhost)中工作,預覽和迭代生成的投影片,就像它是一個真正的設計工具一樣,但由程式碼支援。
來自您程式碼庫的品牌感知輸出: Claude 可以使用您已經構建的內容—您的組件、樣式和組織好的資產—而不是空白畫布來進行設計,有助於保持貼文與您的品牌一致。
多格式社群匯出: 支援適用於 Instagram 和 LinkedIn 輪播格式的方形和縱向長寬比,實現跨渠道重複使用。

Redesign by Nodewave 的使用案例

新創公司行銷輪播: 生成發布公告、功能亮點和產品更新,作為品牌 LinkedIn/Instagram 投影片,而無需依賴專職設計師。
代理商內容製作: 透過使用每個客戶的組件/樣式系統,並透過提示和即時預覽進行迭代,更快地創建可重複、符合品牌的客戶輪播。
開發者主導的社群內容: 工程團隊可以直接從程式碼工作流程中製作精美的輪播(發布說明、變更日誌、技術說明),而不是切換到 Photoshop/Figma。
創作者/教育線程轉為投影片: 將大綱或長篇筆記轉化為結構化的多投影片說明,並透過工具強制執行一致的佈局規則(對齊、間距、排版)。
招聘和雇主品牌: 將招聘貼文、文化亮點和活動回顧設計為一致的輪播模板,然後針對每個職位或活動快速自訂文案和視覺效果。

優點

免費且採用 MIT 許可證;易於分叉和自訂。
本地優先的隱私模型(無供應商後端;資產保留在您的機器上)。
使用您現有的程式碼庫/品牌組件,減少品牌漂移和空白畫布時間。

缺點

需要 Node.js 20+ 和 Claude Code,這可能不適合非技術團隊。
設定/整合可能需要故障排除(例如,重新啟動 Claude Code 或運行 `connect` 命令)。
最佳結果取決於擁有可用的程式碼庫/設計系統;對於沒有既定組件/樣式的團隊幫助不大。

如何使用 Redesign by Nodewave

1) 確認先決條件: 在您的機器上安裝 Node.js 20+ 和 Anthropic Claude Code。Redesign 在本地運行並使用您自己的 Claude 用量;它不需要 Nodewave API 金鑰。
2) 安裝 Redesign: 在終端機中,運行:`npx @nodewave-io/redesign`。這將設置本地畫布應用程式並自動向 Claude Code 註冊 MCP(模型上下文協議)伺服器。
3) 開啟畫布應用程式: 在您的瀏覽器中啟動/訪問本地應用程式:`http://localhost:3000`(例如,運行 `open http://localhost:3000`)。這是幻燈片即時預覽和編輯的地方。
4) 描述您希望 Claude 設計的內容: 在 Claude Code 中,告訴 Claude 您想要的貼文/輪播(主題、語氣、幻燈片數量、佈局想法)。Claude 將透過創建和編輯畫布圖層(文案、對齊、資產)來生成幻燈片,並在保存前進行驗證。
5) 透過即時預覽進行迭代: 在本地畫布預覽中查看生成的幻燈片。要求 Claude 進行調整:調整間距、對齊、排版、文案長度或重新排序幻燈片。Claude 會更新結構化的畫布數據,您會即時看到更改。
6) 使用您自己的品牌/組件: 如果 Claude 已經了解您的程式碼庫,它可以使用您現有的品牌和組件進行設計,而不是從空白畫布開始——這樣輪播就能符合您的產品/網站風格。
7) 選擇正確的格式(LinkedIn/Instagram): 為您的目標平台設置畫布長寬比。該工具支援適用於 Instagram 的方形和肖像格式,導出也適用於 LinkedIn 輪播。
8) 導出輪播: 從畫布導出完成的幻燈片,以便發布(例如,作為輪播)到 LinkedIn、Instagram、Reddit 或其他頻道。
9) 故障排除:工具未出現在 Claude Code 中: 重新啟動 Claude Code(它在啟動時讀取 MCP 配置)。如果工具仍然沒有出現,運行:`npx @nodewave-io/redesign connect` 以註冊 MCP,驗證本地 stdio 伺服器響應,並顯示具體錯誤。
10) 透過 Claude 診斷進行故障排除(可選): 如果您仍然遇到問題,可以在任何會話中詢問 Claude:「嘗試連接到 redesign MCP 並報告您看到的內容」——它可以讀取自己的診斷並幫助識別哪些配置錯誤。

Redesign by Nodewave 常見問題

Redesign 是一個免費的開源本地工具,讓 Claude 設計 LinkedIn 和 Instagram 輪播貼文。您描述貼文,Claude 則在您控制的畫布編輯器中建立投影片。

与 Redesign by Nodewave 类似的最新 AI 工具

PPTalker
PPTalker
PPTalker 是一款在線 PowerPoint 轉視頻轉換器,可將演示文稿轉換為帶有多語言 AI 旁白和字幕的引人入勝的視頻。
Napkin
Napkin
Napkin AI 是一個創新的 AI 驅動工具,可以自動將文本轉換為視覺上吸引人的圖形、圖表和插圖,以增強業務溝通和敘事。
Aidocmaker.com
Aidocmaker.com
Aidocmaker.com是一個AI驅動的文檔創建平台,允許用戶在幾分鐘內輕鬆生成專業的文檔、演示文稿、電子表格和語音旁白。
Yanbi AI
Yanbi AI
Yanbi AI是一款免費的AI驅動寫作工具,只需點擊一下即可為各種寫作場景生成高質量內容。