
このアプリについて
既存のWebサイトのURLを渡して `/clone-website` と実行するだけで、AIエージェントがサイトを解析し、デザイントークンや画像・アイコンを抽出してモダンなNext.jsコードに再構築してくれるテンプレートです。Claude Code(Opus 4.8推奨)向けに作られており、スクショ撮影・コンポーネント仕様書の作成・git worktreeを使った並列ビルド・元サイトとの差分チェックまでを自動で行います。移行元のソースを失ったサイトの復元や、プラットフォーム移行、実装の学習に役立ちます。
連携方式スキル
使い方
Claude Code がインストール済みであることを前提としています
スキルとして使う
スキルとは? →Claude Code に特定の作業を覚えさせる命令ファイルです。/スキル名と入力するだけで呼び出せます
STEP 1ファイルを入手
SKILL.mdGitHub からダウンロードSTEP 2フォルダに配置
.claude/commands/プロジェクト or ホームにSTEP 3チャットで起動
/スキル名Claude Code のチャット欄で配置場所のイメージ
プロジェクト/
└── .claude/
└── commands/
└── skill-name.md ← ここに置く
# グローバル(全プロジェクトで使う場合)
~/.claude/commands/関連のアプリをさがす
関連アプリ
同じカテゴリ・業界のアプリからナビが選びました