Redesign by Nodewave

Redesign by Nodewaveは、ポルトガルの受託ソフトウェア会社Nodewaveによるローカルデザインツールだ。Claude向けのMCPデザインツールとして動き、キャンバスを構造化データとして公開するMCPサーバーを通じてClaudeをキャンバスにつなぐ。つまりClaudeはレイヤーを作り、位置を揃え、テキストを差し替え、保存前にあらゆる変更を検証する。コードベースでClaude Codeをすでに使っていれば、ブランドのフォントや色、コンポーネントを把握済みなので、自分が作ったような本物の投稿をデザインできる。

ほとんどのデザインツールは空白のキャンバスで開く。Redesignは、すでに作り上げたものの上で開く。この会社がそれを作ったのは、ブランドの効いたLinkedInとInstagramの投稿が欲しい一方で、自分たちはデザイナーではなく、Photoshopで午後を潰すのも誰かを雇うのも避けたかったからだ。最初のバージョンは1日でできた。動いた。そしてMITライセンスでオープンソース化し、同じことを自分のプロジェクトでできるようにした。

ただし注意点がある。ダウンロードしてクリックするだけで使える独立したアプリではない。Node.js 20以降とClaude Codeのインストールが必要で、操作はすべてターミナルとClaudeから行う。人によっては設定がかなり面倒だ。ターミナルを一度も開いたことがない人には向かない。インストール自体はコマンド1つで済むとしても、だ。

はじめかた

1. 自分のマシンにNode.js 20以降とClaude Codeが入っているか確認する。Redesignはローカルで動き、あなたのClaude APIキーを決して見ない。
2. ターミナルでnpx @nodewave-io/redesignを実行する。これでキャンバスアプリが用意され、Claude CodeにMCPが自動登録される。
3. Claude Codeを再起動して、新しいMCP設定を読み込ませる。ツールがまだ出てこないなら、npx @nodewave-io/redesign connectを実行してサーバーを登録し、エラーを表示させる。
4. http://localhost:3000を開いてライブのキャンバスプレビューを見てから、Claudeにどんな投稿を作りたいか伝える。
5. レイヤーを確認し、調整したりClaudeに変更を頼んだりして、完成したスライドをLinkedInかInstagram向けに書き出す。