Communitygithub.com

創業者向けサイトコピーライター

ブランドシステムとピッチのストーリーを元に、セクションごとのウェブサイトコピーとレイアウト指示を、Lovableのビルドプロンプトとして作成し、起動チェックリストも提供します。

創業者向けサイトコピーライター とは?

このスキルは、すでに確立されたブランドシステムとピッチナラティブをもとに、ウェブサイト全体のコピーをセクションごとに生成します。主にLovableを使ってサイトを構築する開発者やスタートアップ創業者を対象としており、コピーだけでなく、各セクションのレイアウト指示や、そのままLovableに貼り付け可能なビルドプロンプトも提供します。ヒーロー、問題、仕組み、実績、CTAの5つのセクションで構成され、ブランドの声に沿った短い見出しと簡潔な文章で書かれます。また、ページタイトルやメタディスクリプション、ソーシャルシェアテキストなどのSEO基本情報も含み、最後に起動前のチェックリストが自動付与されるため、未完成のまま公開するリスクを減らせます。入力としてbrand-system.md、pitch-narrative.md、prd.mdを読み込み、これらがない場合は4つの質問で代替します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/lexthirteen-ai/claude-loves-lovable-skills/tree/main/sessions/04-website/finished/founder-site-copywriter

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

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

ドキュメント

創業者向けサイトコピーライター は何をしますか?

あなたのウェブサイトは、見込み客、投資家、ユーザー全員が最初に見るものですが、たいてい最後に作られ、最初に謝られるものです。白紙の状態から始める必要はありません。ブランドシステムはすでに外観とトーンを決定し、ピッチは何を伝えるべきかを決めています。このスキルは、それら両方をサイトに変換します。

使用するタイミング

  • 製品、サービス、または社内ツールのマーケティングサイトやランディングページが必要な場合。
  • サイトはあるが、ページの上部を見ても何をしているのか誰にも伝わらない場合。
  • ブランドとピッチの作業が完了しており、それをウェブ上で表現したい場合。

入力

  • brand-system.md: コピーのためのボイス原則、レイアウトのためのパレットとタイポグラフィ。
  • pitch-narrative.md: 問題、インサイト、製品、証拠、依頼(ask)。
  • prd.md(存在する場合):製品が実際にどのように動作するか。
  • 最初の2つのいずれかが欠けている場合は、代わりに4つの質問をします:「それは何か」「誰のためか」「どのような問題を解決するか」「訪問者が取るべきアクションは何か」。
  • サイトは独自のLovableプロジェクトとして構築し、アプリが準備できる前に起動できるようにします。アプリがすでに稼働している場合は、CTAから直接リンクできます。

プロセス

  1. 訪問者を特定し、次に1つのアクションを選ぶ。 サイトの訪問者は、しばしばピッチの対象者とは異なります。ピッチは資金提供者に向けられますが、サイトはユーザーのためのものです。実際にページにアクセスする人を特定します。次に、その訪問者が実行すべき唯一のアクションを決定します:ウェイトリストに登録する、電話を予約する、トライアルを開始する、アプリを開く。すべてのセクションがその1つのアクションに貢献します。
  2. ピッチを5つのセクションにマッピングする。 訪問者は次の順序で読みます:ヒーロー、ざっと見る、決断する。この順序に合わせて書きます。
    • ヒーロー。 インサイトと製品のスライドから構築します。それが何で誰のためかを示す見出し、なぜ違うかを示す小見出し、そして1つのCTAボタン。
    • 問題。 問題のスライドから構築します。ユーザーの言葉で痛みを名指しし、適切な訪問者が「それは私だ」と思うようにします。
    • 仕組み。 製品と仕組みのスライドから構築します。3つのステップ。それぞれ短い動詞句と1行の説明。
    • 実績。 トラクションのスライドから構築します:実際の数字、実際の引用、実際のロゴ。まだない場合は、明確にマークされたプレースホルダー、またはなぜこれを構築したかについての創業者ノートを使用します。決して testimonial(推薦文)をでっち上げてはいけません。
    • CTA。 依頼(ask)から構築します。1つのアクションを繰り返し、誰かを止めそうな最も一般的な反論に答え、ボタンテキストをヒーローと同一に保ちます。
  3. ブランドの声でコピーを書く。 見出しは8語以下。短い文。次のセクションに進む前に、各セクションを4つのボイス原則に照らして確認します。
  4. すべてのセクションにレイアウト指示をペアにする。 何がどこに配置されるか、何が大きいか、どのブランドカラーがそれを担うか、どの画像やスクリーンショットがそこに入るか。ビルダーが推測しなくて済む程度に具体的に。
  5. セクションごとにLovableプロンプトを書く。 各プロンプトは1つずつ貼り付けます。最初のプロンプトがページを設定します。references/site-copy-template.mdを参照してください。
  6. 検索の基本を書く。 60文字以内のページタイトル、155文字以内のメタディスクリプション、ソーシャルシェア用テキスト、およびそれらを設定するLovableプロンプト。
  7. 5秒テストを実行する。 ヒーローだけを読んでください。見知らぬ人がそれが何か、誰のためか、次に何をすべきかを理解できますか? そうでない場合は、他の何よりも先にヒーローを書き直してください。
  8. site-copy.mdを保存し、起動チェックリストで締めくくります。

出力

  • site-copy.md: 1つのアクション、5つのセクション(目的、コピー、レイアウト指示、Lovableプロンプト)、検索の基本、起動チェックリスト。

起動チェックリスト(常に含まれます)

  • ヒーローが5秒テストに合格している。
  • 1つのCTAが、出現するすべての場所で同じ文言で、それが機能する(自分でフォームを送信して確認)。
  • ページタイトル、メタディスクリプション、ファビコン、ソーシャルシェア画像が設定されている。ロゴができるまでは、製品名の頭文字をプライマリーカラーで表示したものがファビコンとして機能する。
  • カスタムドメインがビルダーのドメイン設定で接続されている。
  • アナリティクスがオンになっており、訪問数とCTAクリック数が確認できる。
  • スマートフォンで上から下まで確認済み。
  • プレースホルダーテキストや偽の実績がページに残っていない。

ガードレール

  • 1つのアクション。 メインボタンと競合する「詳細を見る」などのセカンダリボタンはありません。
  • 偽の実績は禁止。 プレースホルダーはプレースホルダーとしてラベル付けされ、起動までに削除されている必要があります。
  • 再利用し、再発明しない。 ピッチとブランドがすでにそれをうまく表現しているなら、それらの言葉を使います。
  • 具体的であることは、賢いことより優れている。 「ソロモバイルグルーマーのための予約とルート」は、「グルーミング、再定義。」より優れています。

関連

brand-system.md(brand-identity-builder)、pitch-narrative.md(pitch-narrative-architect)、およびprd.md(vibe-coding-prd)を読み込みます。これらの4つのスキルは、ブランド、ピッチ、製品、サイトをカバーします。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

関連スキル