gui.new: Claudeが視覚的な出力を共有可能なリンクとしてレンダリングするためのツール

gui.newの機能

gui.newは特定のワークフローの問題を解決します：ダッシュボード、チャート、UIモックアップなどの視覚要素をClaudeに作成してもらう場合、通常はコードブロックが返され、それをコピーしてHTMLファイルとして保存し、ブラウザで開く必要があります。gui.newは、Claudeが視覚的な出力を会話内で直接ライブで共有可能なリンクとしてレンダリングすることで、この手順をなくします。

仕組み

Claudeでgui.newを使用するには、この行を会話に貼り付けます：

https://gui.new/docs/llms.txtを読み、gui.newを使用して視覚的な出力を共有可能なリンクとしてレンダリングしてください。通常、テーブル、チャート、ダッシュボード、またはUIモックアップを表示する際にこれを適用します。

この指示を貼り付けた後、Claudeに視覚要素を要求すると、コードブロックの代わりに完全にレンダリングされたページへのクリック可能なリンクを受け取ります。これらのリンクは誰とでも共有できます。

技術的な実装

このツールは主にClaudeで構築されました：コードベースにはClaude Codeが使用され、APIの設計とアーキテクチャの反復には通常のClaudeが使用されました。実装はVercelにデプロイされたNext.jsアプリケーションで、Supabaseがストレージとリアルタイム同期を処理しています。

現在の状況

gui.newは現在無料で、サインアップは不要です。作成者は「まだ初期段階」と表現しており、何が問題になるか、ユーザーがどのような追加機能を望むかについてフィードバックを求めています。