Claude Artifacts でランディングページを作る位置づけ
Claude Artifacts は、Claude との会話とは別に、独立した中身を書き出す仕組みです。公式ヘルプは「Claude はまとまった独立した内容を、会話とは別の枠であなたと共有できます」と説明します。書き出せる中身のうちブランドチームがいちばん日常で使う形が、1 枚の Web ページ。つまり LP です。
対応プランは Free / Pro / Max / Team / Enterprise の全プラン。Web・デスクトップ・モバイルのどれからでも扱えます。2026 年 7 月 13 日の更新で、公開共有が全プランに開放されました。Free の利用者でも、書き出した 1 枚 LP に公開の URL を発行できます。URL 一本で社外の相手に見せられるようになりました。
1 枚 LP の使いどころは幅広く残っています。キャンペーンの特設ページや新商品の案内が典型です。イベントの申込前ページや社内の告知ページにも使えます。代理店へ方向を渡す下地としても機能します。Web 制作会社に発注する前の下地としての置き方が、いちばん向きます。
Claude で LP 作成を進める四つの手順
Claude で LP 作成を進める流れは、ブリーフ・原稿・レイアウト・書き出しの四つの手順に整理できます。順に見ていきます。
一つ目のブリーフは、Claude に何を作らせるかを言葉にする手順です。用途と読み手と目的の行動を先に置きます。ブランドの色と書体、既存の資産のトーンを続けて並べます。短い文でまとめて渡します。ここが薄いと、書き出しの一発目の質が上がりません。
二つ目の原稿は、書き出された 1 枚 LP の中の文言を整える手順です。見出し・リード・本文・ボタンの上の一文・脚注の順で、目に見える要素の名前を指して直しを頼みます。
三つ目のレイアウトは、色や余白や要素の並びを整える手順です。写真の位置と行間もここで揃えます。目に見える要素の名前で伝えると速いです。「三つ目の見出しの下の余白を一段広く」「写真は横並びから縦並びに」といった伝え方が向きます。
四つ目の書き出しは、公開の URL の発行と外部への共有です。パネル右上の共有の操作から公開すると、URL が発行されます。URL を知っている相手が Claude のアカウントなしで開けます。
四つの手順は順に進むというより、二つ目と三つ目を何度か往復してから四つ目に進む形が自然です。
ブリーフに載せる七つの要素
ブリーフに載せる要素は、七つに整理できます。用途・読み手・目的の行動・既存の資産・ブランドの基準・避けたい表現・参考の URL の七つです。
用途は一文で書きます。キャンペーンの特設ページなのか、社内の告知ページなのかを添えます。読み手は三点で書きます。想定する属性と事前の知識の量、それに到達した経路です。目的の行動は、この LP を読んだ相手に取ってほしい行動を動詞で書きます。「申込フォームに進む」「資料を請求する」「上長に転送する」といった書き方です。
既存の資産は、これから作る 1 枚 LP の兄弟にあたる社内の別 LP を渡します。既存のパンフレットや商品ページの URL も並べます。ブランドの基準は、色の 16 進コードと書体の名前、写真の質感の三点で書きます。避けたい表現は、業界の中で使い古された言い回しや、社内で禁じている用語を並べます。直訳調のフレーズもここに置きます。参考の URL は、方向性が近い他社の LP を三本前後で置きます。
この七つを、書き出しの依頼の前にまとめて Claude に渡します。渡し方は、箇条書きでも段落でも構いません。「以下のブリーフに沿って、1 枚のランディングページの初稿を書き出してください」と続ければ、初稿の下書きが右側のパネルに開きます。
プロンプトの型 — 初稿を一発で安定させる書き方
Claude に 1 枚 LP を書き出させる時、プロンプトの並び方で初稿の温度が決まります。プロンプトの型は、前置き・素材・依頼の三段に分けると安定します。
前置きは、Claude が読む側の設定を短く置きます。「あなたはブランドチームの編集者として動きます」「読者は BtoB の担当者です」といった書き方です。ここで温度感の下地が決まります。
素材は、ブリーフの七つの要素をそのまま並べます。用途・読み手・目的の行動・既存の資産・ブランドの基準・避けたい表現・参考の URL の順で置きます。順を固定すると、Claude 側の解釈のブレが減ります。
依頼は、書き出しの成果物の形を一文で指定します。「上記に沿って、1 枚のランディングページの初稿を書き出してください」と書きます。文字数の目安やセクションの数の目安を添えると、初回の完成度が上がります。
初稿が期待から外れた時は、プロンプトを継ぎ足すのではなく、素材の中身を差し替えて書き直しを頼むほうが速いです。素材の質と、依頼の一文の明快さで、初稿の質が決まります。
原稿とレイアウトの直しの伝え方
書き出された 1 枚 LP は、そのままでは完成品になりません。原稿とレイアウトの往復で仕上げます。往復のどちらを先にするか迷ったら、原稿を先に固めます。原稿の骨が動くと、レイアウトも動き直しになるためです。
原稿の直しは、要素の位置で指定します。「ヒーローのキャッチを短く、一行に収める」「三つの並列の見出しを、動詞で揃える」「最後のボタンの上の一文を、読み手が背中を押される温度で書き直す」といった書き方が伝わります。文字数の目安を添えると、初回で仕上がる確度が上がります。
レイアウトの直しは、目に見える距離と並びで指定します。「二つ目のセクションの上の余白を、いまの一段分広く」「三つ目のセクションの写真を、本文の下に移し、幅を本文と同じに」といった書き方です。色は 16 進コード、書体は書体名で伝えます。
この往復は、初稿から数えて三回から五回のあいだで区切ります。区切らずに直しを続けると、初稿の温度を失い、平板な出来上がりに向かいます。三回で切りがつかない時は、初稿からやり直す判断が向きます。
Claude Skills を掛けて初稿の温度を安定させる
Claude Skills を組織で導入している場合、1 枚 LP の書き出しに Skills を掛けられます。書き出しの一発目の温度が安定します。
ブランドチームの Skills には、書体の指定を書きます。色の 16 進コードも書きます。写真のキャプションの語尾や、キャッチの温度感の指針も書きます。Skills を掛けた状態で Artifacts に書き出させると、毎回の初稿が同じ温度で立ち上がります。
Skills の中身は、一つの LP のためだけに作るのではなく、ブランド全体で使い回せる粒度で作ります。この点は、姉妹記事の Claude Skills ブランドガイドライン運用 で扱っています。
公開共有とチームレビュー — URL 一本の受け渡し
公開の URL は、パネル右上の共有の操作から発行します。全プランで発行できるようになった更新が、2026 年 7 月 13 日の変更です。Team と Enterprise の組織では、外部共有の可否を組織の管理者が決めます。既定は外部共有が無効の状態。組織の中だけで見せる運用が最初の入口です。
外部共有を有効にすると、URL を知っている相手が Claude のアカウントなしで開けます。閲覧のためのアカウントが要らないので、社外レビューの敷居が下がります。代理店や印刷会社、Web 制作会社に下地を渡す場面に向きます。
社内レビューは、Team と Enterprise の中で公開の URL を発行し、Slack や社内の掲示に貼るのが基本の流れです。閲覧の履歴・コメントの往復・承認の記録が要る場面は、社内の別のツールと組み合わせます。Claude Artifacts 単体は、下地の共有と生きた更新の反映を担う位置づけで扱うのが向きます。
更新運用 — 同じ URL で中身を差し替える
Claude Artifacts の 1 枚 LP は、公開後に中身を差し替えても URL を維持できます。差し替えた瞬間、URL を開いている相手のブラウザに更新がその場で反映されます。この動きは Anthropic 公式ブログの説明と同じ延長にあります。Claude Code Artifacts の紹介文が示す「生きた、共有できるページ」という考え方です。
キャンペーンの初日と、初日を過ぎたあとで LP の見せ方を差し替える場面に向きます。URL を替えずに中身を差し替えられるので、社内の掲示板や外部への案内メールに載せた URL を貼り替える手間が発生しません。
差し替えの前には、直前の版のスクリーンショットを社内で保管しておきます。生きた更新の裏返しで、差し替え前の状態は URL 側に残りません。この点は、姉妹記事の Claude Artifacts のチーム共有と workflow で扱っています。
既存の LP から作り直す三つの入口
既存の LP を持っていて、Claude Artifacts で作り直す時の入口は、三つに整理できます。URL・画面のスクリーンショット・原稿のテキストの三つです。
URL の持ち込みは、既存の LP の URL を Claude に貼り付ける形です。あわせて「この LP のトーンを維持したまま、次の三つの要素を差し替えて 1 枚 LP に組み直してください」と依頼します。既存の温度が保たれた状態で書き出されます。
スクリーンショットの持ち込みは、既存の LP の画面を PNG や JPG で Claude に渡す形です。要素の並びを言葉で説明します。URL を渡せない事情がある社内資産の作り直しに向きます。
原稿のテキストの持ち込みは、既存の LP の文言を段落ごとに Claude に渡す形です。あわせて「この文言を骨に、1 枚 LP のレイアウトに乗せてください」と依頼します。文言の主導権を編集者側に置いたまま、レイアウトだけを Claude に任せる進め方です。
PDF と PowerPoint への書き出し
書き出された 1 枚 LP は、Web の URL のまま公開する以外の出口も持ちます。PDF や PowerPoint に書き出し、外部の資料として渡せます。PDF は印刷用の下地に、PowerPoint は社内の説明資料や外部関係者向けの資料に使えます。
PowerPoint への書き出しには、Claude Skills の PowerPoint 内蔵 Skill を併用します。Claude と PowerPoint の連携は、姉妹記事の Claude Design のブランド視覚ガイド で扱っています。印刷向けの下地の作り方は、姉妹記事の Recraft と Claude Artifacts のブランドブック で扱っています。
Claude Artifacts と Claude Code の使い分け
2026 年 6 月 18 日、Anthropic は Claude Code Artifacts を Team と Enterprise 向けのベータで公開しました。Claude Code の中から成果物を書き出す仕組みです。1 枚 LP を作る時に Claude.ai と Claude Code のどちらから入るかは、社内の役割で決まります。
ブランドチームや編集の側から入る場面は、Claude.ai から入るのが向きます。会話の中で 1 枚 LP を書き出させ、原稿とレイアウトを往復で仕上げる。この流れが Claude.ai で完結します。
技術の側から入る場面は、Claude Code から入るのが向きます。既存の Web 資産との連携に向く用途です。コードのリポジトリに載せて版管理する用途にも向きます。外部の情報を取りに行く成果物にも Claude Code Artifacts の強みが出ます。Claude Code から書き出した成果物も、更新のたびに同じ URL の中身が置き換わります。開いたままの相手のブラウザに反映される動きは同じです。この使い分けの実践は、姉妹記事の Claude Code でブランドコンテンツを量産する で扱っています。
エンジニアの手を借りずに済む範囲と、借りるべき範囲
Claude Artifacts で作った 1 枚 LP は、URL を発行してそのまま公開する範囲では、エンジニアの手を借りずに完結します。既存の Web の資産と切り離した、単発のキャンペーンページの下地としての運用に向きます。
一方で、独自ドメインに載せる場面はエンジニアや Web 制作会社の手を借ります。既存の Web サイトへ組み込む場面や、決済や個人情報の入力を含む場面も同じです。Claude Artifacts の URL は Claude 側で管理される URL で、独自ドメインへの割り当ては別の実装が要ります。個人情報の取り扱いも、社内の別のフォームの仕組みと組み合わせる前提です。
この線引きが、ブランドチーム側の運用の落としどころになります。下地の作成とレビューまでの共有は Claude Artifacts。独自ドメインでの本番公開と個人情報の入力は別の実装。この二つを切り分ける進め方が向きます。線引きの詳細は、hub 記事の Claude Artifacts ブランドチーム活用ガイド で扱っています。
FAQ
Q1. Claude で LP 作成を進めるのに、コードの知識は必要ですか
A. 必要ありません。Claude.ai の会話で用途と要素を伝えれば、Claude Artifacts が 1 枚 LP を書き出します。書き出された成果物は、右側のパネル上で目に見える要素の名前を指して直しを頼めます。ただし、独自ドメインでの本番公開や、決済や個人情報の入力を含む実装には別の仕組みが要ります。
Q2. Free プランでも公開共有はできますか
A. できます。2026 年 7 月 13 日の更新で、公開共有が全プランに開放されました。Free の利用者でも、書き出した 1 枚 LP に公開の URL を発行できます。URL 一本で社外の相手に見せられます。Team と Enterprise の組織では、外部共有の可否を組織の管理者が決める設定になります。
Q3. Claude の LP 作成プロンプトはどう組むと初稿が安定しますか
A. 前置き・素材・依頼の三段に分けます。前置きで Claude 側の役割と読者像を短く置きます。素材でブリーフの七つの要素を固定した順で並べます。依頼で成果物の形と文字数の目安を一文で指定します。初稿が期待から外れた時は、プロンプトを継ぎ足すのではなく素材の中身を差し替えて書き直しを頼むほうが速いです。
Q4. 更新のたびに URL は変わりますか
A. 変わりません。同じ成果物を更新して公開すると、同じ URL の中身が置き換わります。開いたままの相手のブラウザに、その場で更新が届きます。差し替え前の版は URL 側に残らないため、直前の状態を残したい場合は社内でスクリーンショットを保管します。
Q5. Claude Artifacts の LP と、Web 制作会社に発注する LP の使い分けは
A. Claude Artifacts で作る 1 枚 LP は、下地の作成と外部との方向合わせの共有に向きます。Web 制作会社への発注は、独自ドメインでの本番公開が必要な場面に向きます。決済や個人情報の入力、既存の Web サイトへの組み込みが要る場面も同じです。この二つを切り分けて回すのが、実務での落としどころになります。