JCodesMore/ai-website-cloner-template
Clone any website with one command using AI coding agents
解決する課題
AIコーディングエージェントに既存のウェブサイトをクリーンでモダンなNext.jsアプリケーションに再作成できるようにするためのURLを提供します。WordPressからNext.jsへの移行、ライブサイトから失われたソースコードの回復、またはプロフェッショナルサイトの構築方法を学ぶ際に特に役立ちます。
動作方法
このプロジェクトは、AIコーディングエージェントがマルチフェーズのパイプラインを実行するためのテンプレートと手順(「スキル」)を提供します:
- 調査:エージェントはスクリーンショットを撮影し、デザイントークンとインタラクション動作を抽出します。
- 基盤構築:フォント、色、グローバルスタイルを設定し、必要なアセットをダウンロードします。
- コンポーネント仕様:各コンポーネントの正確なCSS値と動作を含む詳細な仕様ファイルを作成します。
- 並列ビルド:複数のビルドエージェントが並列で個々のセクションやコンポーネントを作成します。
- 統合と品質保証:各パーツを最終ページに統合し、視覚的差分比較で元のサイトと照合します。
対象ユーザー
- レガシーなウェブサイトをモダンなスタックに移行したい開発者
- 元のソースコードにアクセスできなくなったサイト所有者
- 本番レベルのレイアウトやアニメーションを分解して学びたい学習者
特徴
- 広範なエージェント対応:Claude Code、Cursor、Windsurf、GitHub Copilot、Gemini CLIなどに対応。
- モダンなテクノロジースタック:Next.js 16、React 19、Tailwind CSS v4、shadcn/uiを使用してコードを生成。
- 高精度:
getComputedStyle() を使用して視覚的な正確な再現を保証し、推測を避けます。
- 自動化ワークフロー:対応するAIエージェント向けに専用の
/clone-website コマンドを含みます。
関連
- プロジェクト
- プロジェクト
HKUDS/CLI-AnythingCLI‑Anythingは、任意のソフトウェアにAIエージェント対応のClick CLIを自動生成するPythonフレームワークで、構造化されたJSONを出力し、解析しやすいように設計されています。7段階の生成パイプライン(分析 → 設計 → 実装 → テスト → ドキュメント → 公開)と、GIMP、Blender、Zoomなど、増加するプリビルドCLIのカタログを閲覧・インストール・実行できるパッケージマネージャー「CLI‑Hub」を備えています。このプロジェクトは、Claude Code、Cursor、OpenClawなど、決定論的で合成可能なコマンドインターフェースを必要とするAIエージェントをターゲットとしており、包括的なテストスイートとセキュリティ強化機能を標準搭載しています。
- プロジェクト
vercel/next-evals-ossNext.js Evals is a Vercel‑maintained framework for automatically testing AI coding agents on real‑world Next.js tasks. It syncs eval fixtures from the `vercel/next.js` repo, runs agents in a Vercel sandbox, checks hidden assertions, records pass/fail, token usage, and cost, and exports a JSON leaderboard that powers the public Next.js evaluation site.
- プロジェクト
ConardLi/easy-agentTypeScript と Node.js で構築されたターミナルネイティブなコーディングエージェント。LLM をローカルファイルおよびシェルツールと統合し、自動ソフトウェア開発を実現。
- プロジェクト
Shubhamsaboo/awesome-llm-appsAwesome LLM Apps は、Apache-2.0ライセンスのもと、100以上の実行可能なAIエージェント、エージェントスキル、RAGパイプラインを収録したコレクションです。リポジトリはスターターエージェント、高度なマルチステップエージェント、常時稼働サービス、音声エージェント、生成型UIエージェント、ゲームプレイボット、MCP対応ツール、詳細なRAGチュートリアルに分類されています。各エントリには実際のコード、セキュリティチェック済みCI、Claude、Gemini、GPT-4/4o、DeepSeek、Llama、Qwenなど、さまざまなモデルとの互換性があります。ユーザーは `npx skills add …` で数秒でスキルを追加、`pip install && streamlit run` で約30秒で完全なエージェントを実行できます。このプロジェクトは Unwind AI によって維持されており、商用利用も無料です。