Claude主導の投稿作成
空白のキャンバスから始めずに、Claudeを使ってプロンプトをソーシャル投稿に変換できます。ホームページでは、サイト自身のコードベースから4枚構成のローンチカルーセルを生成している様子が示されています。
Redesign
Redesignは、Claudeが自分のコードベースからブランドに合うLinkedIn・Instagram用カルーセルを作成できる無料のオープンソースローカルデザインツール。Claude Codeで動作し、MCPワークフローでスライドを編集・作成できます。
概要
RedesignはNodewaveによる無料のオープンソースデザインツールで、Claudeがローカルのキャンバスエディタ内でソーシャル投稿を作成できるようにします。各デザインを手作業で作ることなく、ブランドに合うLinkedIn・Instagram用カルーセルを作りたい人向けに位置づけられています。
ワークフローは自分のコードベースを中心に構築されています。Redesignは、すでに使っているコンポーネント、スタイル、アセットをスキャンし、MCPサーバーを通じてClaudeがその素材からスライドを組み立てられるようにします。このツールはローカルで動作し、Claude Codeを使用し、MITライセンスで提供されるため、別のクラウドアプリに作業を送るのではなく、既存のシステム内でデザインすることに重点があります。
機能
コードベースをスタイルガイドとして活用
Redesignはコードベース内の実際のコンポーネントを取り込み、それらを投稿レイアウトのスタイルソースとして使用します。カード、ボタン、アイコン、チャート、色、フォント、余白などが含まれます。
再利用可能なアセットライブラリ
レイヤーや構成を再利用可能なアセットとして保存できるため、後続の投稿では同じ構成要素を最初から作り直す必要がありません。
ライブプレビューとコード編集
Claudeが作業している間、キャンバスをライブプレビューで確認でき、必要であればコンポーネントコードを自分で編集して直接変更できます。
Claude Codeを使ったローカルセットアップ
キャンバスアプリをセットアップし、Claude CodeにMCPを登録する1つのターミナルコマンドでインストールできます。
カルーセル向け出力
書き出しでは正方形と縦長のアスペクト比をサポートしているため、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は本当に無料ですか？
はい。RedesignはMIT লাইセンスで、あなたのマシン上で動作します。料金はNodewaveではなく、Anthropicに対するご自身のClaude利用分のみが発生します。
実行するには何が必要ですか？
Node.js 20以降とClaude Codeのインストールが必要です。あとは1回のターミナルコマンドでセットアップできます。
何かがサーバーにアップロードされますか？
いいえ。RedesignにはNodewaveが管理するバックエンドはありません。投稿、画像、APIキーはすべてあなたのマシン上に残ります。
Claudeはどのようにスライドを編集しますか？
Claudeは、デザインを構造化データとして公開するMCPサーバーを通じてキャンバスを編集します。レイヤーの作成、要素の整列、コピーの差し替え、保存前の変更検証が可能です。
Quick Facts
- カテゴリ
- デザインツール
- プラットフォーム
- Claude Code向けローカルツール
- ライセンス
- MIT
- 主な用途
- LinkedIn・Instagram用カルーセル
- ドメイン
- nodewave.io
- セットアップ
- npx @nodewave-io/redesign
Redesignの代替品
Sumora
Sumoraは、LinkedInとInstagramで見込み客の発掘、選別、温め、商談化までを自動化するアウトリーチエージェントです。返信は1つの受信箱で管理し、送信前の最終確認も行えます。
SocialKaptan
SocialKaptanは、LinkedInとInstagramのAI支援成長をローカルで行えるデスクトップアプリ。自分のアカウントで、エンゲージメント、温かいアプローチ、投稿公開を自動化できます。
PixelDrive
PixelDriveは、ブラウザ編集、REST API、CSV一括、MCPで1つのテンプレートから大量のブランド画像を生成できるAPI。キャッシュ可能なレンダリングと従量課金に対応。
Blinked
Blinkedは、LinkedIn内で見込み客の調査、パーソナライズしたメッセージ作成、フォローアップ管理ができる無料のChrome拡張機能です。データはブラウザ内に保存されます。
Napkin AI
Napkin AIは、テキストをプレゼン資料や文書、共有用コンテンツ向けの編集可能なビジュアルに変換します。テキスト起点で生成でき、共同編集にも対応。PPT、PNG、SVG、PDFで書き出せます。
Refero MCP
Refero MCPは、MCP対応AIエージェントをReferoの厳選されたWebおよびiOSのUI/UX参考事例とユーザーフローに接続し、UI生成前の実践的なデザインリサーチを支援します。Refero Proで利用可能です。