お店の情報から始める
店名、営業時間、料金、強み、問い合わせ先。必要な情報を整理し、ページの内容を決めます。
写真のイメージづくりから、ページ制作、
問い合わせフォーム、無料URLでの公開へ。
必要な手順をひとつにまとめました。
背景は、このスキルの試作で生成したカフェのイメージです。実在の店舗ではありません。

公開済みデモの画面。画像はAI生成、メニューは架空のサンプルです。
架空のカフェ「こもれび珈琲」で、画像生成からサイト制作、Cloudflare Pagesでの公開までを試しました。スマートフォン向けの表示にも対応しています。
この試作では、フォームの有効化を確認済みです。問い合わせテストメールの最終受信は確認待ちです。
デモは実店舗の予約を受け付けません。見学のためのテスト送信は不要です。
スキルは、Codexに仕事の進め方を伝えるファイルです。お店の情報を相談しながら、制作から確認までを順番に進めます。
店名、営業時間、料金、強み、問い合わせ先。必要な情報を整理し、ページの内容を決めます。
業種に合う画像と、スマホでも見られるページを制作。問い合わせフォームも組み込みます。
無料のpages.dev URLで公開し、フォームを有効化。最後に、ご本人の受信箱でメールの到着を確認します。
スキル本体、ページのひな形、公開手順、インストールと使い方の説明書をZIPにまとめています。
説明書の掲載と、各環境での実機テストは別です。Mac・新規PCでの操作は未検証です。
カフェの実送信ではAPI応答がタイムアウトしました。画面表示の試験とメールの受信は分けて記録しています。
2026年11月14日の記録に基づく表示。既存のWindows・Codex・Cloudflare環境での結果です。すべての環境での完了を保証するものではありません。
日本語でCodexに依頼する手順を用意しています。フォルダーの配置、アカウントへのログイン、フォームの有効化はご本人の操作が必要です。初めて使う方の実操作はまだ検証していません。
標準の公開先はCloudflare Pagesの無料サブドメインです。Codexや画像生成の料金・利用枠は別で、外部サービスの条件は変わる場合があります。
付いていません。標準は「店名の英字名.pages.dev」のようなURLです。希望の名前が使用済みの場合は別名や接尾辞が必要です。独自ドメインの取得・更新は別途です。
生成画像はイメージ画像です。実際の店舗・スタッフ・商品を紹介する写真には、ご本人が用意した写真を使用してください。
問い合わせをメールで受け取るフォームです。空席管理、決済、自動での予約確定は含みません。メールの実到着は公開先ごとに確認します。
今回の説明書と動作確認はCodex向けです。別の製品での互換性・画像生成・公開操作は未確認です。
無料チェックリストと、Codexにそのまま渡せる準備確認文を用意しました。メールアドレスの登録は不要です。