ディレクトリに戻る

perfect-web-clone

キュレーション掲載メンテナンス: 活発

ericshang98/perfect-web-clone

任意の Web ページをピクセル単位で再現するクローン作成ツール。URL を貼り付けるだけで、計測済みの Vite + React レプリカを生成します。

GitHub で見る
$ dsh plugin add perfect-web-clone

258

スター

23

フォーク

Python

言語

MIT

ライセンス

2026-01-06

作成日

2026-08-22

最終プッシュ

MIT ライセンスの採点付きウェブクローン skill(コーディングエージェント向け)。URL を貼ると、指紋・重量・視覚一致で採点された編集可能な Vite + React レプリカが得られます。`pwc` CLI 経由で DeepSeek Harness と互換。

DSH 統合

互換

作者による申告

安全性監査

未監査

最終検証日

2026-08-23

ライセンス

MIT

01どんなタスクに使えるのか?

  • コーディングエージェントに `clone https://example.com` と伝えるだけで、任意のウェブページをピクセル単位で複製

    ページ全体を対象とし、指紋・重量・視覚的一致で採点された Vite + React のレプリカ。ローカルプレビューとして渡される

    スクリーンショットや動かないモックではなく、既存サイトの忠実で編集可能な React レプリカを求める開発者・コーディングエージェント

02DeepSeek Harness への導入方法

前提条件

  • Python 3.10+
  • Node 20+
  • `pwc` CLI を実行できるコーディングエージェント(Claude Code・Codex・DeepSeek Harness 等)

インストール手順

  1. 01

    パッケージをインストール:`pip install "git+https://github.com/ericshang98/Perfect-Web-Clone.git"`

  2. 02

    ブラウザエンジンを導入:`playwright install chromium`

  3. 03

    `perfect-web-clone-skill` をコーディングエージェント(Claude Code・Codex 等 `pwc` を実行できる agent)に読み込む

導入成功の確認

作者は未記載

03DSH 統合と能力の範囲

DSH 統合互換

互換スキル + 任意の coding-agent プラグイン。リポジトリは skill/SKILL.md(perfect-web-clone-skill として公開)と任意の plugin/ を提供し、`pwc` CLI を実行できる agent(DeepSeek Harness 含む)で動作

  • 採点付きクローンプロセス(skill)

    ライブな URL。例:`clone https://example.com`capture → セクション計画 → クリーンな React → ビルド → 測定に基づく修復 → ローカルプレビュー(`ready_for_user_review` または `failed_with_residuals`)

    Playwright でヘッドレスブラウザを起動しライブページを取得(ネットワークアクセス)生成した React プロジェクトファイルをローカルディスクに書き込む
  • pwc CLI

    コマンド:`pwc extract`・`pwc plan`・`pwc assemble`・`pwc build`・`pwc fingerprints`・`pwc weight`・`pwc score`すべてのコマンドは JSON を出力。`ok` のみが意味を持つ合否の判定

04誰に向いているのか?使うべきでない場面は?

向いている用途

  • スクリーンショットや動かないモックではなく、既存サイトの忠実で編集可能な React レプリカを求める開発者・コーディングエージェント

不向きな用途

  • WebGL・実行時 canvas・スクロール演出のあるページは内容を複製しますが、実行時描画の見た目は一致しない場合があります。その上限はあらかじめ報告され、黙って見過ごすことはありません。

05互換性・メンテナンス・セキュリティ上の注意

  • Python 3.10+ と Node 20+、および Playwright の Chromium ブラウザが必要。ホスト型サービスではなくローカル CLI / skill です。
  • WebGL・実行時 canvas・スクロール演出のあるページは内容を複製しますが、実行時描画の見た目は一致しない場合があります。その上限はあらかじめ報告され、黙って見過ごすことはありません。
2026-01-062026-08-22作者は未記載

MIT · 活発にメンテナンス中(リポジトリ更新 2026-08-22;タグ付きリリースはなし)

06よくある質問

DeepSeek Harness 内で Perfect Web Clone をどう実行しますか?

パッケージと Playwright Chromium をインストールし、`perfect-web-clone-skill` をコーディングエージェントに読み込みます。製品は `pwc` CLI さえあればよい skill +任意プラグインなので、`pwc` を実行できる agent(DeepSeek Harness 含む)ならどれでも複製を駆動できます。

複製の実行で実際に何が作られますか?

エージェントを capture → セクション計画 → クリーンな React → ビルド → 測定に基づく修復へと進め、ローカルプレビューを `ready_for_user_review` または `failed_with_residuals`(証拠付き)のいずれかで渡します。ピクセル単位の一致はプロンプトではなくゲート表で強制されます。

前提条件は何ですか?

Python 3.10+、Node 20+、および Playwright の Chromium ブラウザ(`playwright install chromium`)。ホスト型サービスではなくローカル CLI / skill です。

WebGL やアニメーションのページには対応していますか?

内容は複製されますが、ページが WebGL・実行時 canvas・スクロール演出の場合、実行時描画の見た目は一致しない可能性があります。その上限はあらかじめ報告され、黙って見過ごすことはありません。

08データと出典

  • 作者による申告github.comc846c37937a7…

    The product is the [skill](skill/SKILL.md): an agent harness that turns one `clone` into a full-page, scored replica.

  • 作者による申告github.comc846c37937a7…

    Load `perfect-web-clone-skill` into Claude Code, Codex, or any coding agent that can run `pwc`.

このページは、プロジェクトの公開ドキュメント、リポジトリのメタデータ、および DSH Plugins の構造化解析に基づいて生成されています。最終検証日:2026-08-23。誤りを見つけた場合は、修正を送信してください。

🏆

dsh プラグイン おすすめ

最初に入れたい 12 のプラグイン。全カタログ・全カテゴリから厳選しました。

DSH Plugins は DeepSeek Harness プラグインの独立したコミュニティ ディレクトリです。DeepSeek との提携・公認はありません。サードパーティ製プラグインはセキュリティ監査を受けていません。インストール前にソースコードをご確認ください。

DeepSeek Harnessの新着プラグインを毎週お届け。スパムはありません。