Redesign by Nodewave
NodewaveによるRedesignは、無料のオープンソースローカルツールで、Claudeがライブプレビュー、編集可能なレイヤー、およびマシンからAPIキーが一切離れることなく、LinkedIn/Instagramのカルーセル投稿をコードで直接デザインおよび生成できるようにします。
https://www.nodewave.io/redesign?ref=producthunt&utm_source=aipure
製品情報
更新日: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`）でインストールし、ローカルキャンバスアプリを開きます。Claude CodeとのMCP統合を登録/修復するための`connect`コマンドが含まれています。
ライブプレビューキャンバスエディタ: ブラウザベースのキャンバス（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`を実行します。これにより、ローカルキャンバスアプリがセットアップされ、MCP（Model Context Protocol）サーバーがClaude Codeに自動登録されます。
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に接続してみて、何が見えるか報告して」と尋ねてください。Claudeは自身の診断を読み取り、何が誤設定されているかを特定するのに役立ちます。
Redesign by Nodewaveのよくある質問
Redesignは、ClaudeがLinkedInやInstagramのカルーセル投稿をデザインできる、無料のオープンソースのローカルツールです。投稿内容を説明すると、Claudeがあなたが操作するキャンバスエディターでスライドを作成します。
Redesign by Nodewaveに類似した最新のAIツール
PPTalker
PPTalkerは、プレゼンテーションを魅力的なビデオに変換するオンラインPowerPointからビデオへのコンバーターで、AIによる多言語音声オーバーと字幕を提供します
Napkin
Napkin AIは、テキストを視覚的に魅力的なグラフィック、図、イラストに自動的に変換し、ビジネスコミュニケーションとストーリーテリングを強化する革新的なAI駆動ツールです。
Aidocmaker.com
Aidocmaker.comは、ユーザーが数分でプロフェッショナルなドキュメント、プレゼンテーション、スプレッドシート、音声を簡単に生成できるAI駆動のドキュメント作成プラットフォームです。
Yanbi AI
Yanbi AIは、ワンクリックでさまざまな執筆シナリオの高品質なコンテンツを生成する無料のAI駆動ライティングツールです。
Redesign by Nodewaveに似た人気のAIツール
MulmoCast
MulmoCastは、さまざまなAIテクノロジーを使用して、単一のスクリプトからビデオ、ポッドキャスト、スライド、PDF、および漫画スタイルのコンテンツを自動的に生成するAIネイティブのマルチモーダルプレゼンテーションツールです。
MulmoCast Vision
MulmoCast Visionは、Model Context Protocol（MCP）を介してLLMを通じてプロフェッショナルなプレゼンテーションスライドを自動的に生成するAI搭載ツールであり、さまざまな企業のニーズに対応する80以上のビジネス指向テンプレートを備えています。
Gamma
Free TrialAI Presentation Generator
Gamma Appは、デザインやコーディングのスキルがなくても美しいプレゼンテーション、文書、ウェブサイトを作成するためのAI駆動のツールです。
SLIDESGO
Slidesgoは、Google SlidesおよびPowerPoint用のプロフェッショナルにデザインされたプレゼンテーションテンプレートを提供する無料のオンラインプラットフォームで、カスタマイズ可能なテーマ、インフォグラフィック、AI駆動のツールを使用して、魅力的なプレゼンテーションをより早く作成するのを助けます。