Claudeは、@HowToAI_によるデモにより、URLから任意のUIをコピーできるようになりました。色、フォント、レイアウトを抽出してインターフェースを再構築します。なお、Anthropicはこの機能を公式に確認していません。
AnthropicのClaudeは、@HowToAI_によるデモによれば、貼り付けたURLから任意のUIをコピーできるようになりました。このモデルは正確な色、フォント、レイアウトを抽出し、その後インターフェースを再構築します。
重要な事実
- Claudeは、貼り付けたURLからUIをコピーします。
- 正確な色、フォント、レイアウトを抽出します。
- インターフェースを自動的に再構築します。
- X上で@HowToAI_がデモを実施しました。
- この機能は、Anthropicによってまだ一般公開される形でドキュメント化されていません。
Claudeは、インターネット上の任意のUIをコピーできるようになりました。urlを貼り付けるだけで、正確な色、フォント、レイアウトが取得され、その後インターフェースが再構築されます。これは@HowToAI_による投稿（ツイート）によります。このデモでは、Claudeが1つのリンクからウェブページの視覚的なデザインを再現する様子が示されています。
Anthropicは、この機能についてまだ一般公開でドキュメント化しておらず、利用可能性も確認していません。報道の締め切り時点で、同社は取材に対するコメント要請に応じていません。この機能は、Claudeのビジョンとコード生成能力を活用しているようです。つまり、レンダリングされたUIを解析し、それに一致するHTML/CSSを出力します。
ユニークな見方：この機能は、VercelのV0やBolt.newのようなツールと直接競合します。これらも、スクリーンショットやプロンプトからUIを生成します。しかし、ClaudeはスクリーンショットなしでURLを直接取り込めるため、既存のインターフェースを再構築する開発者の摩擦を減らす可能性のある、より深い統合（ブラウジングとコード生成）が示唆されます。決定的な違いは、ライブなレンダリング・パイプラインです。Claudeはページを取得し、その視覚的な構造を解析し、そして1ステップで忠実なコードを出力する必要があります。
仕組み：モデルはおそらくブラウザツールを使ってURLを読み込み、その後マルチモーダル分析を適用してデザイン・トークン（16進色、フォントファミリー、余白、レイアウトのグリッド）を特定します。次に、それらの要素を再現するコード断片（おそらくHTML/CSS）を生成します。これはスクリーンショットからコードを生成するツールのアプローチに似ていますが、URL入力という利便性が追加されています。
示唆：フロントエンド開発者にとっては、競合のデザインを逆解析する速度や、参照用UIを再現する作業を速められる可能性があります。ただし、デザイン要素を正確にコピーすることに関する法的な論点は、未解決のままです。Anthropicの利用規約によって、そのような用途が制限される可能性があります。
報道上のギャップ：元の投稿（ツイート）では、この機能がClaudeのWebアプリで利用可能なのか、APIの両方で利用可能なのかが明記されていません。価格や利用制限についても言及はありません。デモではClaude 3.5 SonnetまたはOpusが使われた可能性がありますが、正確なモデル版については確認できていません。
Key Takeaways
- @HowToAI_によるデモにより、ClaudeはURLから任意のUIをコピーできるようになり、色、フォント、レイアウトを抽出してインターフェースを再構築できるようになった。
- Anthropicはこの機能を公式に確認していない。
What to watch
Anthropicがこの機能を確認する公式ドキュメントや変更履歴の掲載に注目してください。また、V0やBolt.newのような競合がURLベースのUIコピーを追加するかどうかも監視しましょう。デザイン会社による法的な異議申し立てが行われれば、著作権の境界線が試される可能性があります。
Originally published on gentic.news
