JCodesMore/ai-website-cloner-template
Clone any website with one command using AI coding agents
解決的問題
透過向 AI 編碼代理提供 URL，允許使用者將現有的網站重構為乾淨、現代的 Next.js 應用程式。這在平台遷移（例如從 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 是一個 Python 框架，可為任何軟體自動產生 AI 代理友善的 Click CLI，輸出結構化 JSON 以利解析。它包含一個 7 階段生成流程（分析 → 設計 → 實作 → 測試 → 文件 → 發布），以及一個名為 CLI‑Hub 的套件管理器，可瀏覽、安裝與執行不斷增長的預建 CLI 目錄（如 GIMP、Blender、Zoom）。此專案針對需要決定性、可組合命令介面的 AI 代理（如 Claude Code、Cursor、OpenClaw 等）而設計，並附帶完整的測試套件與安全強化措施。
- 專案
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.
- 專案
- 專案
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 維護，可免費用於商業用途。