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のインストール
初心者におすすめ
AIにこのSkillを追加してもらう
GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。
この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-REPOSITORYnpm install04
この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
aigo-builder
aigo-builder
AI GO Custom Appの要件整理から、TypeScript/Pythonによる開発、移行、検証まで支援するSkill。
評価確度:暫定AI GOCustom AppTypeScript
shipping-artifacts
shipping-artifacts
AIで構築したアプリを出荷前にレビュー可能にする、設計・権限・秘密情報・テスト網羅性などの文書セットを整備します。
↗ 急上昇agent-skill-repositoryagent-skillsagentic-skills
cs-reference
CSリファレンス
設定済みのREFERENCEコーパスを検索して、コンピューターサイエンスの質問に根拠ページを引用しながら回答するスキル。
評価確度:暫定コンピューターサイエンスリファレンス検索出典引用