Communitygithub.com

veyralabsgroup/webcloner

Claude Code向けウェブサイトのビジュアルクローニングスキル。6フェーズのプロセス(偵察、基礎、セクションごとの仕様、並行ビルド、アセンブリ、スクリーンショットQA)で動作します。

webcloner とは?

このスキルは、Claude Code上でウェブサイトのビジュアルクローンを効率的に作成するための6フェーズのワークフローを提供します。フェーズ1(偵察)ではターゲットサイトの構造とデザインを分析し、フェーズ2(基礎)でプロジェクトの基盤(HTML/CSSフレームワーク、画像アセットなど)をセットアップします。フェーズ3では各セクションの詳細な仕様書を作成し、フェーズ4でそれらを並行してビルドすることで開発時間を短縮します。フェーズ5で全セクションを統合し、最後のフェーズ6でスクリーンショットを取得して品質保証(QA)を行います。このスキルは、特に迅速なプロトタイピングやサイトのリデザイン、既存サイトのコピーが必要なシナリオで有用で、Claude Codeのファイル操作とコード生成機能を最大限に活用します。

対応✓Claude Code~Codex CLI~Cursor
npx skills add veyralabsgroup/webcloner

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

webcloner は何をしますか?

Claude Code向けウェブサイトのビジュアルクローニングスキル — 6フェーズのプロセス:偵察、基礎、セクションごとの仕様、並行ビルド、アセンブリ、スクリーンショットQA。

関連スキル