ブルーランプのロゴブルーランプ
  1. ホーム
  2. エージェントの棚
  3. ファネル移植

ファネル移植

参考にしたい Web ページを構造ごと測って、あなた自身の販売ページとして作り直します。後から文言を直せる形で組み上げます。

このエージェントがすること

ページの見た目を画像で貼り付けるのではなく、区画・列・文字の階層を実際に測って設計図にします。

設計図をあなたが承認してから、ブルーランプのページ作りの道具で同じ構造を組みます。

パソコンの幅とスマホの幅の両方で、元のページと並べて構造・配色・文言の比率が揃っているかを確かめます。

最初に、そのページを使う権利があるかを必ず尋ね、文言と写真は自分の物に差し替えるよう勧めます。

ブルーランプの VS Code の拡張の中のマーケット。ワークスペースのカードが並ぶ
拡張の中の棚

頼み方の例

  • 「このページみたいな申込ページを作って」
  • 「ヒーローの区画だけ再現して」
  • 「作った後で文言を差し替えられる形にして」

返ってくる物

  • ページの構造の設計図
  • あなたの販売ページ(下書きまたは公開)
  • 元のページとの並べ比べの記録

使う流れ

  1. 参考ページの住所を渡す

  2. 設計図を承認する

  3. 自分のページとして組み上がる

向いていない時: 他人のページの文章や写真を丸ごと商用に使う目的には使えません。構造の再現に留めます。

こんな時に

  • 気に入った申込ページの型を自分の商品で使いたい
  • 他所のページ作りの道具から引っ越したい
  • ページを一から組む時間が無い

使える人

初伝から
まとめ役(オーケストレーター)仲間の役を呼び、段取りの最初から最後までを回します
2026-08-14 更新

VS Code に入れて、今日から任せる

入れ方は 3 手。手順書と動画つき。

ブルーランプを入れる