clone-website

clone-website

指定したWebサイトを解析し、アセット、CSS、コンテンツを抽出しながら、ページをピクセル単位で再構築するスキル。

AIスキル大辞典による日本語要約
品質評価97/100評価確度:暫定
人気度(GitHub Star) 0発掘スコア 100
01

このSkillでできること

  • ✓指定URLのWebサイトをリバースエンジニアリングして再構築する
  • ✓アセット、CSS、コンテンツをセクション単位で抽出する
  • ✓複数URLのパスを個別のルートとして保持する
  • ✓レスポンシブデザインやコンポーネント構造、インタラクションを再現する
02

使い方

01
STEP 1

複製したいWebサイトのURLを1つ以上指定する

02
STEP 2

対象URLごとにページ構成、アセット、スクリーンショットなどを調査する

03
STEP 3

調査結果を仕様書として記録し、専門のビルダーエージェントに渡す

04
STEP 4

共有基盤と出力計画を確定した後、ページ単位の作業を並列化する

03

Skillのインストール

このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。

Repository:
https://github.com/tongcj1008/-UI
手動でインストールする

README / SKILL.mdから機械抽出できたコマンドのみ表示しています。推測したコマンドではありません。

git clone https://github.com/YOUR-USERNAME/YOUR-NEW-REPOSITORY.git
cd YOUR-NEW-REPOSITORY
npm install
04

このSkillを使うプロンプト例

Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。

https://example.com のページを、表示されている内容に基づいてピクセル単位で再構築してください。
出力例を見る
対象ページの調査仕様、抽出したアセットとスタイル、ルート構成、再構築されたページ。
05

安全性チェック

自動解析による参考情報です。Skillの安全性を保証するものではありません。

外部API通信明確な記述なし
Shellコマンド実行検出あり
ファイル読み取り明確な記述なし
ファイル書き込み明確な記述なし
ネットワークアクセス明確な記述なし
認証情報明確な記述なし
検出根拠を見る
  • shell: emini CLI config (imports AGENTS.md) ``` ## Commands ```bash npm run dev # Start dev server npm run build # Production build npm run lint # ESLi
  • shell: Run lint + typecheck + build ``` ### If using docker ```bash docker compose up app --build # build and run the app docker compose up dev --build # run
06

関連Skill