lp-builder

MOSH LP ビルダー

Overview

taiyaki MCP ツール (mcp__taiyaki__*LandingPage*) を使って、MOSH クリエイターのランディングページを作成・編集・公開する。テンプレートから起こすか白紙から作るかを選び、content フィールドに渡す JSON を組み立て、下書き保存・確認のうえで公開する。

content の構造には固有のルール（必須フィールド、ID命名規約、PartType）があるため、構築前に references/content-schema.md を必ず参照する。

When to use

• ユーザーが新しい LP を作りたいと依頼したとき
• 既存 LP の内容を更新したいとき
• LP を公開・アーカイブしたいとき
• mcp__taiyaki__*LandingPage* 系ツールが必要な文脈

When NOT to use

• LP 以外のページ（サービス紹介、プロフィールリンク等）の編集
• シナリオ・配信設計（別スキル領域）

Workflow

1. 要件ヒアリング

ユーザーに以下を確認する：

• LP の目的（集客、販売、告知など）
• ターゲット（誰に向けたページか）
• 掲載したい内容（テキスト、画像、動画など）
• テンプレートを使うかどうか

2. テンプレート選択（任意）

テンプレートを使う場合：

1. mcp__taiyaki__getCreatorLandingPageTemplates でテンプレート一覧を取得する
2. ユーザーに候補を提示して選んでもらう
3. mcp__taiyaki__getCreatorLandingPageTemplate で選択したテンプレートの詳細を確認する

3. LP 作成

mcp__taiyaki__postCreatorLandingPage で LP を新規作成する。

• テンプレート使用時: bodyParams: { templateId: <選択したID> }
• 白紙から作成: bodyParams: { templateId: null }

返却された id を以降のステップで使用する。

4. コンテンツ構築

references/content-schema.md を読み込み、構造ルールに沿った JSON を組み立てる。設計指針は references/best-practices.md を参照。完成イメージは examples/full-landing-page.json を参照。

mcp__taiyaki__patchCreatorLandingPageDraft で下書きを更新する：

• title: LP タイトル
• content: 構造ルールに従った JSON オブジェクト
• metaTitle / metaDescription: SEO 用メタ情報

content は一度にすべて送信する。部分更新は不可。

5. レビュー

1. mcp__taiyaki__getCreatorLandingPage で現在の状態を取得する
2. セクション構成をユーザーに提示して確認を取る
3. 修正が必要なら Step 4 に戻る

6. 公開

ユーザーの承認を得てから mcp__taiyaki__patchCreatorLandingPageStatus で公開する。

bodyParams: { status: "PUBLISHED" }

必須ルール

content フィールドのトップレベルは必ず以下の形：

{
  "page": { "styles": {}, "mobileStyles": {} },
  "elements": [ ... ]
}

すべての要素は次のフィールドを持つ：

• id — "プレフィックス-識別子" 形式（例: "sec-001", "hd-hero"）
• type — PartType 名（section / heading / text / button など）
• content — テキスト内容。中身がない場合は空文字 ""
• styles — スタイルオブジェクト。空 {} でもOK
• mobileStyles — 任意

セクション以外の要素は必ず section の children に入れる。elements 配列直下にトップレベルの section のみを並べる。

PartType / ID 命名 / attributes の詳細は references/content-schema.md。

よくあるミス

NG	OK
page プロパティなし	トップレベルに page を必ず含める
type: "header"	type: "heading" を使う
id なし	全要素に "xxx-yyy" 形式の id を付ける
styles なし	全要素に styles: {} を付ける（空でもOK）
content なし	section でも content: "" を付ける
content に JSON 文字列を渡す	content フィールドには JSON オブジェクトを渡す
elements 直下にセクション以外の要素	すべて section の children に入れる

References

ファイル	内容
references/content-schema.md	PartType 一覧、ID 命名規約、attributes 詳細、セクション+children の例
references/best-practices.md	推奨セクション構成（Hero → Problem → Solution …）、モバイル対応
references/mcp-tools.md	各 MCP ツールのパラメータ仕様
examples/full-landing-page.json	Hero / Features / CTA を含む完成例