レシピ · 25

1プロンプト実装レシピ

各レシピは上から順に実行すれば完了する自己完結ランブック(ファイルパス・完全コード・コマンド・検証まで)。 コーディングエージェントに1本渡せば、1プロンプトで実装が完了する粒度で書いてある。

新しいイベント app を立ち上げる01 · new-event · 5手

create-event-app で機能を選んで新イベント app を生成し、4S ライブデータで初回起動する

CMS リソースを1つ追加する02 · add-cms-resource · 3手

ResourceSchema を1つ宣言して、一覧/編集/保存/CSV インポートが動く admin 画面を得る

前提: new-event

多言語 i18n を追加する03 · add-i18n · 6手

既存イベント app に @event/i18n(pickLang / LangProvider / useT)を配線し、cookie 永続の ja/en 切替が CMS の titleEn 出し分けまで通る状態にする

前提: new-event

デザイントークン層を追加する04 · add-design · 5手

既存イベント app に @event/design を配線し、src/design.ts の defineDesign 1 ファイルで配色・書体・角丸・余白を型付きで上書きできる状態にする

前提: new-event

デザイン世界観を1ファイルで全面に適用する05 · apply-worldview · 6手

パレット・書体・ムードを src/worldview.ts に1回宣言し、サイト/ビジュアル/セッションカード/メールの4面へ一気に派生させる

前提: new-event

モーショングラフィックス層を追加する06 · add-motion · 6手

既存イベント app に @event/motion を配線し、<Reveal> 入場・<CountUp> 数値・[data-scroll-fade](ネイティブ scroll-driven)・kinetic-title を reduced-motion 全停止つきで使える状態にする

前提: new-event

セッションカードスタジオを追加する07 · add-session-cards · 4手

4S セッションのカードを描画し、手動最終調整(並び替え・改行・scale)して保存できる状態にする

前提: new-event

ビジュアルスタジオを追加する08 · add-visuals · 5手

EventBrand + HUD chrome を適用した告知ビジュアルを組み、dev の /admin/visuals から asset-kit の exportPng で PNG を書き出せる状態にする

前提: new-event

パーソナル OG 共有カードを追加する09 · add-share-card · 6手

4S user slug から next/og(Satori)で 1200×630 の OG 画像を焼く /api/og/[slug] と、それを og:image に張る公開 /share/[slug] を配線する

前提: new-event

スピーカー切り抜き(背景除去)を追加する10 · add-cutout · 6手

画像アップロード → zero-dep canvas 背景除去 → 透過 PNG ダウンロードの /admin/cutout を配線し、production backend(MODNet / @imgly)への差し込み口を確保する

前提: new-event → add-visuals

サーベイ & リーダーボードを追加する11 · add-surveys · 7手

既存イベント app に匿名アンケート + IMDb 加重リーダーボードを配線し、公開 submit API と admin 集計ページを動かす

前提: new-event → add-session-cards

ライブ投票(poll/Q&A)を追加する12 · add-live · 8手

既存イベント app に主催主導のライブ poll を配線し、参加者画面(ポーリング投票)と admin 主催コンソール(host key・開始/停止・ライブ集計)を動かす

前提: new-event

予約 & 見積を追加する13 · add-booking · 7手

見積(computeQuote / 純関数・DB 不要)をイベント app に配線し、公開見積フォーム + 見積計算 API + admin 一覧を動かす。予約 & キャンセル待ちは add-database 後に有効化する

前提: new-event

リード獲得パイプラインを追加する14 · add-leads · 7手

既存イベント app に公開お問い合わせフォーム → honeypot・rate-limit・検証 → persist-first → fan-out のリード獲得パイプラインを配線し、公開 /contact と admin /admin/leads を動かす

前提: new-event

マッチング & 名鑑ディレクトリを追加する15 · add-networking · 6手

既存イベント app に @event/networking を配線し、公開名鑑ページ・admin 監査ページ・entity-linking デモを Neon 無し(content/directory.json)で動かす

前提: new-event

マップ & タイムテーブルを追加する16 · add-spatial · 7手

4S 公開セッションから、タブ(タイムテーブル / 会場マップ)+ day 切替 + track/room フィルタ + セッション詳細パネル + PNG 書き出し付きの ScheduleMap フルページを公開ページ /timetable に配線する

前提: new-event → add-session-cards

メール送信(Resend + テンプレ + Slack通知)を追加する17 · add-mailer · 7手

既存イベント app に @event/mailer を配線し、テンプレ描画 + テスト送信できる admin メール画面を動かす(RESEND 未設定でもプレビューは動く fail-safe)

前提: new-event

ニュースレターを運用する(連絡先取込 → セグメント → 一斉配信 → 配信解除)18 · run-newsletter-ops · 7手

配線済みの @event/mailer + @event/leads を土台に、自社の連絡先へニュースレターを特定電子メール法に沿って一斉配信する運用フロー(入口 → セグメント → キャンペーン → 配信解除 → 計測)を回す

前提: add-mailer

Web から見込み顧客を収集する(閉域ローカル・ニーズ精査つき)19 · collect-web-leads · 6手

企業サイトが公開するコーポレート窓口メールを、robots 尊重・レート制限・法令遵守のうえ収集し、ルールスコアでニーズ精査 → 人手レビュー → 承認分だけを CSV 書き出し。収集ツールと DB は commit / deploy しない閉域ローカル運用にする

前提: run-newsletter-ops

過去メールから重要関係者を取り込む(Gmail 全走査・閉域ローカル)20 · harvest-mailbox-contacts · 7手

過去のメール(Google Takeout の mbox)を全期間遡って走査し、実際に往復のある重要関係者だけを透明なルールで抽出 → 人手承認 → 承認分だけを暗号化取込。走査ツールと DB は commit / deploy しない閉域ローカル運用にし、ツール自体は一切メールを送らない。本文は保存せず案件語の一致数だけを数える

前提: run-newsletter-ops → collect-web-leads

MCP-first 二層 DB を追加する(MCP でカラムを足せる)21 · add-database · 8手

Neon DB を接続し、固定コア + meta 拡張の二層で、MCP から誰でもカラムを足せる状態にする。schema 操作は Neon 未接続でも dev で動く

前提: new-event

MCP 連携を追加する(設定画面から URL 設定)22 · add-mcp · 6手

この app を MCP server として公開し、設定画面から URL・公開ツールを設定して stdio / HTTP 両方で Claude から接続できるようにする

前提: new-event → add-cms-resource

Vercel CLI でデプロイしてドメインを割り当てる23 · deploy-vercel · 6手

monorepo の1 app を Vercel CLI で公開し、任意ドメイン(4s.link / zfilms.jp 等)を Cloudflare か Route53 で向ける

前提: new-event

既存アプリを @event/* へ収束させる(Phase A)24 · converge-existing-app · 4手

xdeal-lp / spikes-lp / ivs-cms のような既存アプリを、挙動を変えずに @event/* パッケージへ寄せる第一歩

新しいモジュールをプラットフォームに追加する(メタレシピ)25 · add-new-module · 9手

新機能を「選べる(event.config / create-event-app)× dev で動く(starter 参照配線)× 1プロンプト(recipe)× published 章(manual)」の4面が揃った状態でプラットフォームに登録する