clone-website

clone-website

指定URLのWebサイトを調査し、アセット・CSS・コンテンツをセクション単位で抽出して、見た目を忠実に再構築するスキル。

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

このSkillでできること

  • ✓指定URLのWebページをリバースエンジニアリングする
  • ✓アセット、CSS、コンテンツをセクションごとに抽出する
  • ✓抽出結果を仕様書として整理し、並列のビルダーAgentに引き渡す
  • ✓ビジュアルレイアウト、スタイル、コンポーネント構造、レスポンシブデザインを再構築する
02

使い方

01
STEP 1

複製対象のURLを引数として指定する

02
STEP 2

利用可能なブラウザ自動化ツールで対象URLのアクセス可否を確認する

03
STEP 3

ページをセクション単位で調査し、スクリーンショット、CSS値、アセット、テキスト、構造を記録する

04
STEP 4

実際のバックエンドなどを含めず、必要に応じてデモ用のモックデータで構築する

03

Skillのインストール

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

Repository:
https://github.com/rydeebs/ai-agency
手動でインストールする

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

npm install
npm run dev
npm run build
npm run lint
npm run typecheck
04

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

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

このURLのページをピクセルパーフェクトに複製してください:<対象URL>
出力例を見る
対象ページをセクション単位で調査し、抽出したアセット、CSS、テキスト、コンポーネント構造を基に再構築します。
05

安全性チェック

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

外部API通信明確な記述なし
Shellコマンド実行検出あり
ファイル読み取り明確な記述なし
ファイル書き込み明確な記述なし
ネットワークアクセス明確な記述なし
認証情報明確な記述なし
検出根拠を見る
  • shell: ode inside the app that owns it. ## Current commands ```bash npm install npm run dev npm run build npm run lint npm run typecheck ``` `npm run dev` c
06

関連Skill