どのAIコーディングエージェントで使用できますか？

Claude Code（Opus 4.7推奨）の他、Codex CLI、OpenCode、GitHub Copilot、Cursor、Windsurf、Gemini CLI、Cline、Roo Code、Continue、Amazon Q、Augment Codeなど複数のエージェントに対応しています。

どのような技術スタックで再構築されますか？

Next.js 16（App Router、React 19、TypeScript strict）、shadcn/ui（Radix primitives + Tailwind CSS v4）、Lucide Reactで構築されます。

対象外の用途は何ですか？

フィッシングや詐欺、他者の設計やブランド資産の不正利用、および利用規約違反行為（スクレイピングを禁止するサイトの無許可複製など）は対象外です。

AIコーディングHacker News2026年6月25日2026年6月25日 16:002分で読める

AIコーディングエージェント向けのウェブサイトクローンテンプレートが公開され、企業はWordPressやレガシースタックから最新のNext.jsコードベースへの移行が可能になりました。

LINEで送る

要点

AIコーディングエージェント向けの再利用可能なテンプレートがGitHubで公開されました。
このテンプレートを使用することで、企業は既存ウェブサイトを最新のNext.jsコードベースに自動的に再構築できます。
元のコードが失われた場合やレガシースタック上で運用中のサイトでも、デザイン、機能、インタラクションを保持したまま最新技術への移行が可能になります。

3つのポイント

何が起きたか
GitHubに「AI-website-cloner-template」という再利用可能なテンプレートが公開されました。AIコーディングエージェント（Claude Code推奨）を使用して、任意のウェブサイトをスクリーンショット撮影、デザイントークン抽出、コンポーネント仕様書作成、並列ビルド、品質確認という複数段階のパイプラインで最新のNext.js（React 19、TypeScript strict）コードベースに再構築します。
なぜ重要か
ウェブサイトの所有者は、元のコードベースが失われた場合、レガシースタックで運用中の場合、または開発者が不在の場合でも、サイトを最新の技術スタックで復旧・再構築できます。企業がプラットフォーム移行（WordPress、Webflow、Squaespaceから）を低コストで実現するとみられます。
注目点
Claude Code（Opus 4.7）が推奨環境ですが、Codex CLI、OpenCode、GitHub Copilot、Cursor、Windsurf、Gemini CLI、Cline、Roo Code、Continue、Amazon Q、Augment Code、Aiderなど複数のAIコーディングエージェントに対応しています。Node.js 24以上が必須です。

この記事についてAIに質問する →

こういう要約が、毎朝あなたのメールに届きます。

こうしたAIニュースを毎朝無料で受け取る LINEで友だち追加して受け取る

よくある質問

どのAIコーディングエージェントで使用できますか？: Claude Code（Opus 4.7推奨）の他、Codex CLI、OpenCode、GitHub Copilot、Cursor、Windsurf、Gemini CLI、Cline、Roo Code、Continue、Amazon Q、Augment Codeなど複数のエージェントに対応しています。
どのような技術スタックで再構築されますか？: Next.js 16（App Router、React 19、TypeScript strict）、shadcn/ui（Radix primitives + Tailwind CSS v4）、Lucide Reactで構築されます。
対象外の用途は何ですか？: フィッシングや詐欺、他者の設計やブランド資産の不正利用、および利用規約違反行為（スクレイピングを禁止するサイトの無許可複製など）は対象外です。

Hacker News元記事を読む

LINEで送る