k2f-menu について
k2f-menuは、エージェントが`content_and_design.md`で飲食店のメニューを設計するためのスキルです。メニュー構成とデザイン意図を扱い、パッケージ化や書き出しは別のk2fスキルに委ねます。
主な機能
- 01飲食店メニューの構成
- 02掲載・注目・省略セクションの分類
- 03項目フィールドと価格表記の統一
- 04業態に応じた内容設計
- 05座標を使わないレイアウト意図
- 06重複や根拠のない記載の確認
活用シーン
- 01レストランやカフェのメニュー設計
- 02ワイン、カクテル、子ども向けリストの構成
- 03印刷・デジタルPDF用メニュー内容の準備
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ suzheng/ k2f --skill k2f-menuインストール後、Claude Code で/k2f-menuを入力して読み込まれたか確認します。
詳細
K2F Menu — AI ネイティブな美的デザイン
目的
飲食店のメニュー向けに、content_and_design.md を作成する方法をエージェントに教えます。カテゴリーとアイテムの構成、掲載項目の取捨選択、美的意図(トーン、階層、密度)を扱います。K2F のパッケージ化やエクスポートは対象外です。
K2F を基盤にする
このスキルは、.K2F パッケージとしてメニューを作成します。作成には k2f スキルの手順に従います。ワークスペースを展開するか初期化し、セマンティックツリーを編集してから、パッケージ化・検証・エクスポートします。K2F を使うことで、エージェントはピクセル座標ではなく、意味(セクション、料理、価格、食事に関する注意事項)に集中できます。エンジンがレイアウト、タイポグラフィ、テーマをコンパイルするため、PDF やその他の形式でも一貫した出力が得られます。
作成を始める前に、コアスキルをインストールしてください。npx skills add suzheng/k2f --skill k2f
使用する場面
- レストラン、カフェ、バー、ベーカリー、フードトラック、ホテル、ケータリング、またはプライベートダイニング。
- ボード、折り込みメニュー、料理とドリンクの分冊、ワインリストやカクテルリスト、キッズメニューやブランチの追加メニュー。
- 印刷用またはデジタル PDF。ウェブサイト全体や POS のエクスポートには使用しません。
ワークフロー
ステップ 1. content_and_design.md を生成する
情報アーキテクチャとデザインの意図を組み合わせた設計図を 1 つ作成します。長いメニューの場合は、主要なセクションごとに 1 ファイルを作成します(例:content_and_design_mains.md)。
サブステップ
-
メニューの要件を確定 — 店舗の種類、サービススタイル、時間帯、言語、通貨、ブランド上の制約を決めます。お客様の目的:席に着いた状態やボードの前で、料理やドリンクをすばやく選べるようにします。
-
セクションマップ — お客様が選ぶ順序に合わせてカテゴリーを並べます(前菜 → メイン → デザート → ドリンク、またはバーを先頭にするなど)。各セクションに Open、Featured(目玉商品 2~6 点)、または Omit(口頭で案内、QR コード、別カードに掲載)のラベルを付けます。1 回の閲覧で選びにくい場合は、料理とドリンク、またはランチとディナーを分けます。
-
アイテムの構成要素 — 統一したフィールドを使用します。名前、説明(長さは店舗の種類に合わせる)、価格(全体で 1 つの表記ルール)、タグ(ユーザーから提供されたもの、または必須のもののみ)、バリエーション(サイズ、追加オプション)は、料理を重複させず、1 つの親項目の下にネストします。
-
コンテンツの階層 — アイデンティティ(名前、ロゴの方向性)、ナビゲーション(セクションタイトル)、カタログ(アイテムと価格)、ガイダンス(シェフのコメントまたはペアリングの短い案内を最大 1 つ)、コンプライアンス(アレルゲン、サービス料)。カタログに長い説明文を入れないでください。
-
ジャンルへの適合 — 高級レストラン:簡潔にし、季節感を重視します。カジュアル:適度な密度にし、セットメニューを含めます。バー/ワイン:列での表示に適した構成にし、グラス | ボトルで表記します。ホテル/ケータリング:パッケージ、1 人あたりの料金、トレイやサービスに関する注意事項をコンプライアンスに含めます。
-
整理 — 重複、確認なしの価格未設定の時価商品、価格表記の不統一、セクション内の名称の不統一を取り除きます。
-
デザインの意図(座標は指定しない) — トーン:料理や店舗の特徴から形容詞のペアを 1 組選びます。階層:セクション > アイテム名 > 説明とし、価格は一目で確認できる帯状の位置(列または点線リーダー)に配置します。密度:ボード、冊子、高級レストランの余白の違いを指定し、バーのリストでは 2 列構成の意図を記します。ブランド:写真や暗い色のボードでのコントラスト(背景パネルの意図)、色を 2~3 色、見出し用と詳細用の役割を指定します。表示形式:印刷では見出しのサイズを指定し、モバイル PDF ではセクションの区切りを示します。
ルールと制約
- セクションごとに約 10 秒以内で価格と名前を確認できるようにします。
- 価格表記は 1 種類に統一し、各料理は 1 回だけ掲載します。
- 料理、価格、アレルゲンに関する情報を創作しないでください。不明な箇所はプレースホルダーとして明示します。
- ユーザーから追加の指定がない限り、コンプライアンス情報は簡潔にします。
よくある失敗
| 失敗 | 修正方法 |
|---|---|
| チラシのようになる | プロモーションは別のチラシに分け、メニューはアイデンティティ + カタログに絞ります。 |
| 形容詞が多すぎる | 説明は 1 行にまとめ、ストーリーはガイダンスに移します。 |
| 価格表記がばらばら | 表記を統一し、配置方法を指定します。 |
| カテゴリーが雑然としている | 小さなセクションを統合し、単独で残る項目は Featured にします。 |
| ウェブサイトの内容をそのまま貼り付ける | ナビゲーションや SEO の内容を取り除き、メニューの階層だけを残します。 |
品質チェックリスト
- メニューの要件とお客様の目的を確認し、Open/Featured/Omit を設定したセクションマップを作成。
- アイテムの構成要素と価格表記を統一し、各項目を階層に割り当て。
- ジャンルに合った密度を設定し、デザインの意図(トーン、階層、密度、表示形式)を明確化。
- 事実がユーザーの入力に基づいていることを確認し、プレースホルダーを明示。
ステップ 2. content_and_design.md と k2f スキルを使用して K2F ファイルを生成し、適切なファイル形式にエクスポートします。
k2f に従って、ブループリントをセマンティックツリーにマッピングし、デザインの意図に基づいてテーマの役割を適用し、検証してエクスポートします(通常は PDF)。