mcpField
K
k2f-menu

k2f-menu

github.com/suzhengドキュメント3691 回インストール2 週間前に更新
リポジトリ

k2f-menu について

k2f-menuは、エージェントが`content_and_design.md`で飲食店のメニューを設計するためのスキルです。メニュー構成とデザイン意図を扱い、パッケージ化や書き出しは別のk2fスキルに委ねます。

主な機能

  1. 01飲食店メニューの構成
  2. 02掲載・注目・省略セクションの分類
  3. 03項目フィールドと価格表記の統一
  4. 04業態に応じた内容設計
  5. 05座標を使わないレイアウト意図
  6. 06重複や根拠のない記載の確認

活用シーン

  1. 01レストランやカフェのメニュー設計
  2. 02ワイン、カクテル、子ども向けリストの構成
  3. 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)。

サブステップ

  1. メニューの要件を確定 — 店舗の種類、サービススタイル、時間帯、言語、通貨、ブランド上の制約を決めます。お客様の目的:席に着いた状態やボードの前で、料理やドリンクをすばやく選べるようにします。

  2. セクションマップ — お客様が選ぶ順序に合わせてカテゴリーを並べます(前菜 → メイン → デザート → ドリンク、またはバーを先頭にするなど)。各セクションに Open、Featured(目玉商品 2~6 点)、または Omit(口頭で案内、QR コード、別カードに掲載)のラベルを付けます。1 回の閲覧で選びにくい場合は、料理とドリンク、またはランチとディナーを分けます。

  3. アイテムの構成要素 — 統一したフィールドを使用します。名前、説明(長さは店舗の種類に合わせる)、価格(全体で 1 つの表記ルール)、タグ(ユーザーから提供されたもの、または必須のもののみ)、バリエーション(サイズ、追加オプション)は、料理を重複させず、1 つの親項目の下にネストします。

  4. コンテンツの階層 — アイデンティティ(名前、ロゴの方向性)、ナビゲーション(セクションタイトル)、カタログ(アイテムと価格)、ガイダンス(シェフのコメントまたはペアリングの短い案内を最大 1 つ)、コンプライアンス(アレルゲン、サービス料)。カタログに長い説明文を入れないでください。

  5. ジャンルへの適合 — 高級レストラン:簡潔にし、季節感を重視します。カジュアル:適度な密度にし、セットメニューを含めます。バー/ワイン:列での表示に適した構成にし、グラス | ボトルで表記します。ホテル/ケータリング:パッケージ、1 人あたりの料金、トレイやサービスに関する注意事項をコンプライアンスに含めます。

  6. 整理 — 重複、確認なしの価格未設定の時価商品、価格表記の不統一、セクション内の名称の不統一を取り除きます。

  7. デザインの意図(座標は指定しない) — トーン:料理や店舗の特徴から形容詞のペアを 1 組選びます。階層:セクション > アイテム名 > 説明とし、価格は一目で確認できる帯状の位置(列または点線リーダー)に配置します。密度:ボード、冊子、高級レストランの余白の違いを指定し、バーのリストでは 2 列構成の意図を記します。ブランド:写真や暗い色のボードでのコントラスト(背景パネルの意図)、色を 2~3 色、見出し用と詳細用の役割を指定します。表示形式:印刷では見出しのサイズを指定し、モバイル PDF ではセクションの区切りを示します。

ルールと制約

  • セクションごとに約 10 秒以内で価格と名前を確認できるようにします。
  • 価格表記は 1 種類に統一し、各料理は 1 回だけ掲載します。
  • 料理、価格、アレルゲンに関する情報を創作しないでください。不明な箇所はプレースホルダーとして明示します。
  • ユーザーから追加の指定がない限り、コンプライアンス情報は簡潔にします。

よくある失敗

失敗修正方法
チラシのようになるプロモーションは別のチラシに分け、メニューはアイデンティティ + カタログに絞ります。
形容詞が多すぎる説明は 1 行にまとめ、ストーリーはガイダンスに移します。
価格表記がばらばら表記を統一し、配置方法を指定します。
カテゴリーが雑然としている小さなセクションを統合し、単独で残る項目は Featured にします。
ウェブサイトの内容をそのまま貼り付けるナビゲーションや SEO の内容を取り除き、メニューの階層だけを残します。

品質チェックリスト

  • メニューの要件とお客様の目的を確認し、Open/Featured/Omit を設定したセクションマップを作成。
  • アイテムの構成要素と価格表記を統一し、各項目を階層に割り当て。
  • ジャンルに合った密度を設定し、デザインの意図(トーン、階層、密度、表示形式)を明確化。
  • 事実がユーザーの入力に基づいていることを確認し、プレースホルダーを明示。
ステップ 2. content_and_design.md と k2f スキルを使用して K2F ファイルを生成し、適切なファイル形式にエクスポートします。

k2f に従って、ブループリントをセマンティックツリーにマッピングし、デザインの意図に基づいてテーマの役割を適用し、検証してエクスポートします(通常は PDF)。

コメント