レシピ · 25本
1プロンプト実装レシピ
各レシピは上から順に実行すれば完了する自己完結ランブック(ファイルパス・完全コード・コマンド・検証まで)。 コーディングエージェントに1本渡せば、1プロンプトで実装が完了する粒度で書いてある。
create-event-app で機能を選んで新イベント app を生成し、4S ライブデータで初回起動する
既存イベント app に @event/i18n(pickLang / LangProvider / useT)を配線し、cookie 永続の ja/en 切替が CMS の titleEn 出し分けまで通る状態にする
前提: new-event
既存イベント app に @event/design を配線し、src/design.ts の defineDesign 1 ファイルで配色・書体・角丸・余白を型付きで上書きできる状態にする
前提: new-event
パレット・書体・ムードを src/worldview.ts に1回宣言し、サイト/ビジュアル/セッションカード/メールの4面へ一気に派生させる
前提: new-event
既存イベント app に @event/motion を配線し、<Reveal> 入場・<CountUp> 数値・[data-scroll-fade](ネイティブ scroll-driven)・kinetic-title を reduced-motion 全停止つきで使える状態にする
前提: new-event
EventBrand + HUD chrome を適用した告知ビジュアルを組み、dev の /admin/visuals から asset-kit の exportPng で PNG を書き出せる状態にする
前提: new-event
4S user slug から next/og(Satori)で 1200×630 の OG 画像を焼く /api/og/[slug] と、それを og:image に張る公開 /share/[slug] を配線する
前提: new-event
画像アップロード → zero-dep canvas 背景除去 → 透過 PNG ダウンロードの /admin/cutout を配線し、production backend(MODNet / @imgly)への差し込み口を確保する
前提: new-event → add-visuals
既存イベント app に匿名アンケート + IMDb 加重リーダーボードを配線し、公開 submit API と admin 集計ページを動かす
前提: new-event → add-session-cards
既存イベント app に主催主導のライブ poll を配線し、参加者画面(ポーリング投票)と admin 主催コンソール(host key・開始/停止・ライブ集計)を動かす
前提: new-event
見積(computeQuote / 純関数・DB 不要)をイベント app に配線し、公開見積フォーム + 見積計算 API + admin 一覧を動かす。予約 & キャンセル待ちは add-database 後に有効化する
前提: new-event
既存イベント app に公開お問い合わせフォーム → honeypot・rate-limit・検証 → persist-first → fan-out のリード獲得パイプラインを配線し、公開 /contact と admin /admin/leads を動かす
前提: new-event
既存イベント app に @event/networking を配線し、公開名鑑ページ・admin 監査ページ・entity-linking デモを Neon 無し(content/directory.json)で動かす
前提: new-event
4S 公開セッションから、タブ(タイムテーブル / 会場マップ)+ day 切替 + track/room フィルタ + セッション詳細パネル + PNG 書き出し付きの ScheduleMap フルページを公開ページ /timetable に配線する
前提: new-event → add-session-cards
既存イベント app に @event/mailer を配線し、テンプレ描画 + テスト送信できる admin メール画面を動かす(RESEND 未設定でもプレビューは動く fail-safe)
前提: new-event
配線済みの @event/mailer + @event/leads を土台に、自社の連絡先へニュースレターを特定電子メール法に沿って一斉配信する運用フロー(入口 → セグメント → キャンペーン → 配信解除 → 計測)を回す
前提: add-mailer
企業サイトが公開するコーポレート窓口メールを、robots 尊重・レート制限・法令遵守のうえ収集し、ルールスコアでニーズ精査 → 人手レビュー → 承認分だけを CSV 書き出し。収集ツールと DB は commit / deploy しない閉域ローカル運用にする
前提: run-newsletter-ops
過去のメール(Google Takeout の mbox)を全期間遡って走査し、実際に往復のある重要関係者だけを透明なルールで抽出 → 人手承認 → 承認分だけを暗号化取込。走査ツールと DB は commit / deploy しない閉域ローカル運用にし、ツール自体は一切メールを送らない。本文は保存せず案件語の一致数だけを数える
前提: run-newsletter-ops → collect-web-leads
Neon DB を接続し、固定コア + meta 拡張の二層で、MCP から誰でもカラムを足せる状態にする。schema 操作は Neon 未接続でも dev で動く
前提: new-event
この app を MCP server として公開し、設定画面から URL・公開ツールを設定して stdio / HTTP 両方で Claude から接続できるようにする
前提: new-event → add-cms-resource
monorepo の1 app を Vercel CLI で公開し、任意ドメイン(4s.link / zfilms.jp 等)を Cloudflare か Route53 で向ける
前提: new-event
xdeal-lp / spikes-lp / ivs-cms のような既存アプリを、挙動を変えずに @event/* パッケージへ寄せる第一歩
新機能を「選べる(event.config / create-event-app)× dev で動く(starter 参照配線)× 1プロンプト(recipe)× published 章(manual)」の4面が揃った状態でプラットフォームに登録する