JA

jcodesmore/ai-website-cloner-template

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る

3.8万 stars 品質 68 トレンド 93MIT

AIコーディングエージェントを使って、1つのコマンドでどんなウェブサイトでもクローンできます

概要

AIコーディングエージェントを使って、どんなウェブサイトでもクリーンで現代的なNext.jsコードベースにリバースエンジニアリングするための再利用可能なテンプレートです。 しかし、さまざまなAIコーディングエージェントと連携して動作します。 URLを指定し、/clone-websiteを実行すると、AIエージェントがサイトを調査し、デザイントークンやアセットを抽出し、コンポーネント仕様を作成し、並列ビルダーを派遣して各セクションを再構築します。 上の画像をクリックすると、YouTubeで完全なデモをご覧いただけます。 まずはGitHubのボタンで自分でコピーを作成しましょう。このテンプレートリポジトリをウェブサイトプロジェクトに直接クローンしないでください。また、生成したウェブサイトでプルリクエストを開かないでください。 このプロジェクトのGitHubページで、をクリックしてからクリックします。 新しいリポジトリに名前を付け、公開か非公開かを選んでからクリックします。GitHubにオプションが表示されたら、そのままにしても構いません。 これにより、自分専用のプロジェクトで作業でき、ウェブサイトの変更がメインテンプレートに戻るのではなくアカウント内に残ります。

概要(AI 翻訳)

どんなウェブサイトでも1つのコマンドでクローン

AIコーディングエージェントにURLを渡し、ウェブサイトをクリーンなNext.jsアプリとして再現するのを見てください。

Claude Code + Opus 5.5で最高の結果が得られます。Codex、カーソル、OpenCodeもサポートしています。

クイックスタート ·デモを見る ·対応プラットフォーム


デモ

上の画像をクリックすると、YouTubeで完全なデモをご覧いただけます。

クイックスタート

1.プロジェクトの立ち上げ

推奨:エージェントに問い合わせてください。 これをCodex、Claude Code、またはコーディングエージェントに貼り付けてください:

または自分でGitHubリポジトリを作成してください:

名前を入力し、「リポジトリを作成」をクリックします。次にエージェントに新しいリポジトリのリンクを渡し、それをあなたのコンピュータにクローンし、依存関係をインストールし、npm run checkを実行するよう依頼します。

2.ウェブサイトのクローン

ブラウザアクセスを有効にした状態でエージェントでプロジェクトを開いてください。Claude Codeまたはカーソルで、以下を実行します:

URLを再現したいウェブサイトに置き換えてください。作成が完了したら、エージェントに変更を依頼してください。

サポートプラットフォーム

エージェント ステータス
クロード・コード 推奨 — Opus 5.5
Codex CLI サポート済み
OpenCode サポート

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。

README

以下は原文 README の抜粋です。原文を見る。


Demo

Click the image above to watch the full demo on YouTube.

Quick Start

1. Set up your project

Recommended: ask your agent. Paste this into Codex, Claude Code, or your coding agent:

Set up https://github.com/JCodesMore/ai-website-cloner-template
as a standalone project in a new folder on my computer.
Ask me where to put it. Clone the repository, remove its origin remote,
install dependencies, and run npm run check. Leave it ready for me
to clone a website.

Or create your own GitHub repository:

GitHub で README 全文を見る

推奨ツール

別のキーワードを試すか、フィルタを外してください。

インストール

npx skillfish add jcodesmore/ai-website-cloner-template
MCP 初心者?mcpskill.org のガイドから始めましょう →