---
name: my-brand-lp
description: >-
  自分（または自社）のブランドLP・Webデザイン専用スキル。
  自分のサービス・商品のLP、HTMLスライド、Webページを作るときに必ず使う。
  「うちのLPを作って」「自分のサービスのページを」「弊社トーンで」「ブランドカラーで」
  などのフレーズで起動。
  ブランドカラー・トーン・参考にするデザインを自分用に書き換えてから使う。
  まだ書き換えていない場合は、最初にClaudeに「このSKILL.mdの【】部分を聞きながら埋めて」と頼むだけでOK。
---

# my-brand-lp — 自分専用LPデザイン指針

> **このスキルは「ひな型」です。** 下の【ここに〜】の箇所を自分のブランドの情報に書き換えてから使ってください。
> 書き換えるのが面倒なら、Claudeに「このSKILL.mdの【】を質問しながら全部埋めて」と頼めばインタビュー形式で埋めてくれます。

【ここにブランド名】（【ここにブランドURL（あれば）】）のLP制作で使うデザイン指針。
スローガン「【ここにスローガン・なければ削除】」。

## ブランドの軸

- **トーン**: 【ここに自分のブランドのトーン。例：瞑想的・静謐・内省 ／ 元気・カジュアル・親しみ ／ 高級・上品・控えめ など。3〜5語で】
- **カラー**: 【ここにメイン色 × 補色 × アクセント色 を書く。HEXコードも併記。
  例：緑（#2d4a2d）× 生成り（#fdfaf2）× 木目（#c9a87a）の自然派パレット】
  参考サイトの色（後述）は**持ち込まない**。構造・組版・余白だけ借りて、色は自分のブランドに差し替える。
- **写真**: 【ここに主役にしたい写真の方向性。例：自社プロダクトの引き写真／創業者ポートレート／自然写真／実在の顧客写真 など】
- **タイポグラフィ**: 【ここに見出しと本文のフォント方針。例：見出しは明朝系（Noto Serif JP）／本文はゴシック（Noto Sans JP）。太字の乱用を避ける】

## 事業者の情報（特商法の表記に使う）

有料の申込があるLPでは、法律で決められた表記が必要になる（`lp-legal` スキル）。
毎回同じ内容を使うので、ここに一度書いておく。**分からない項目は空欄のままにして、
埋めたことにしない。**

- **事業者名**: 【会社名または個人名。屋号だけは不可】
- **代表者名**: 【代表者または業務責任者の氏名】
- **所在地**: 【住所。自宅の場合の扱いは lp-legal の B-3 を読む】
- **電話番号**: 【つながる番号】
- **メールアドレス**: 【問い合わせ先】
- **特商法ページのURL**: 【すでにホームページに用意してあればそのURL。無ければ「LPごとに作る」】
- **プライバシーポリシーのURL**: 【あれば】

## 商材別の参考デザイン

`.claude/skills/design-md-jp/references/`（このスキルフォルダと同じ階層）から該当ファイルを読み込んで適用する。
ファイル名は商材名（例：muji.md, snowpeak.md, mercari.md）。

### 1. 【ここに商材1の名前】
- **ベース**: 【ここに参考にしたいdesign-md-jp の該当ファイル。例：snowpeak.md — 游明朝×EB Garamond の和欧混植、低彩度】
- **混ぜる**: 【ここに+α で部分参考にしたいもの。なければ削除】

### 2. 【ここに商材2の名前】
- **ベース**: 【参考ファイル】

### 3. 【ここに商材3の名前。商材が1〜2個ならこのセクションごと削除】
- **ベース**: 【参考ファイル】

## ワークフロー

1. 商材を確認し、上記の該当DESIGN.mdを読み込む
2. 組版・余白・行間・字間・コンポーネント形状を参考サイトから適用する
3. 色は自分のブランドカラーに差し替える（参考サイトの色は使わない）
4. 日本語の見出し・段落は `/lp-line`（BudouX文節改行）を必ず併用
5. 日本語タイポグラフィ: line-height 1.7〜2.0、本文 letter-spacing 0.04〜0.08em、禁則処理を守る

## 自分用に書き換えるためのインタビュー例

書き換えがうまくいかないときは、Claude（claude.aiでもClaude Codeでも）にこう頼む：

> このSKILL.mdを開いて、【】の箇所を僕に質問しながら順番に埋めていって。
> 答えはひとつずつ聞いて、最後に書き換え後のSKILL.mdを出して。

これで5〜10分で自分専用スキルが完成する。

## 関連

- 改行整形: `lp-line` スキル（同梱）
- 参考デザイン集: `design-md-jp` スキル（同梱）
