Post

Conversation

📝「URLを1つ指定するだけで、そのウェブサイト全体を丸ごと再現する」 そんなことが、たった1つのコマンドで本当にできるようになった Claude Codeに新しいスキルが生まれた その名も `/clone-website` GitHubスター数は公開からわずか数日で2,400超え フォーク数は348 これは単なる「コピーツール」じゃない AIが設計図を読み解き、職人を雇い、家を建てる…そんな話だ 【仕組み①】まず「偵察」に入る Chrome MCP経由でサイトを丸ごと検査 スクロール、クリック、ホバー、スマホ表示まで全部確認 フォントや色、余白の数値を1つ残らず抽出する 【仕組み②】「設計図」を書く 各パーツ(ヘッダー、ボタン、カードなど)の仕様書を自動生成 CSSの正確な数値、ホバー時の動き、スマホでの見え方まで全部文書化 【仕組み③】「並列ビルド」で一気に建てる パーツごとに別々のAIエージェントが同時に動き出す 全員が同じ設計図を持ち、各自の担当を黙々と仕上げる 【仕組み④】「自動マージ」で完成 全パーツが出来上がったら、自動で1つのサイトに組み上げる 最後に元サイトと見た目を比較して品質チェックまでやる 特に③が革命的だ 従来のAIコーディングは「1人の職人が1つずつ作る」方式だった これは「複数の職人が同時並行で作る」方式 速度が根本から違う つまり、ウェブサイト制作の「時間コスト」が崩壊しつつある この変化が誰の何を解決するのか そして、非エンジニアにとって何が変わるのかを 5つの視点でまとめた ①「誰の何を」解決するのか ②仕組みの革命性、なぜ今まで無かったのか ③非エンジニアへの実際の影響 ④応用の可能性、どこまで広がるか ⑤これが示す「AIとの協働」の未来 以下、一つずつ解説していく🧵
Image
Image
Quote
Linus ✦ Ekenstam
@LinusEkenstam
Yo, this guy just built a Claude Code skill that clones entire websites from ONE prompt 🤯 You literally just point it at any URL, type /clone-website, and it goes to work: Inspects the site through Chrome MCP, grabs all the design tokens and assets, writes the component specs,
Image