Vibe Coder Bootcamp 登陸頁面
一份用於生成優質日語 AI 編碼訓練營登陸頁面的詳細提示詞，包含七個結構化部分、圖表、課程卡片、肖像和行動呼籲區塊。
提示詞
目標：為 Vibe Coder Bootcamp 創建一個全頁垂直日語登陸頁面模型，展示一個 AI 編碼 / AI Agent 訓練營，風格高端、嚴謹、略帶哲學氣息，但具有清晰的實用價值。
畫布：高版手機網頁登陸頁面截圖，約 9:16 比例，白色頁面主體，搭配深色電影感首屏與頁面中段照片帶。採用精緻的創業公司 / 教育登陸頁面風格，高保真度，字體清晰，間距整潔。
視覺風格：日式高端商業設計，結合橙色強調字體、深海軍藍 / 黑色背景、白色內容卡片、細灰色分隔線、紫色亮點、簡單的線條圖示以及紀錄片風格的肖像。使用類似襯線體的日語標題字體，搭配現代無襯線 UI 文字。佈局緊湊但易讀，如同真實的 LP 設計稿。
佈局與章節：包含精確的 7 個編號章節，標記為 No.01 至 No.07。
首屏區域 (Hero section)：頂部為深色電影感橫幅。左側包含大型橙色英文標題“Vibe Coder Bootcamp”、日語副標題“AI を完全に味方につける、1.5 個月。”以及較小的日語文案“1 回 2.5 時間×全 5 回＋Demo Day。アプリも資料も動画も、あらゆるアウトプットを AI で”。添加一個橙色圓角行動呼籲按鈕，文字為“資料請求・お問い合わせ”。右側展示一名身穿黑色西裝的日本男性，在昏暗的辦公室 / 圖書館中沉思，背景有城市燈光、電腦螢幕、書架和溫暖的檯燈照明。
No.01 章節：白色背景，帶有橙色“No.01”和小型標籤“課題”。大型日語標題：“AI は、もう十分に賢い。足りないのは、あなたの入力。”輔助說明：“入力の質＝出力の質。”右側展示一個 BEFORE / AFTER 的兩卡片圖表：BEFORE 卡片寫著“あいまいな入力”，指向“あいまいな出力”，配有雜亂的塗鴉圖示；AFTER 卡片寫著“構造化された入力”，指向“価値の高い出力”，配有紫色目標圖示。兩張卡片之間放置一個小箭頭。
No.02 章節：白色背景，帶有橙色“No.02”和標籤“解決＝コンテクストコントロール”。主標題：“コンテクストコントロール。AI Agent 時代の、基礎力。”添加一個大型漸層短語“まわせ Vibes Output Loop”。右側展示 3 個由曲線箭頭連接的循環步驟：STEP1“与える (GIVE)”，配有文件 / 人物圖示，並附帶關於提供必要背景、目的、限制和卡片資訊的簡短說明；STEP2“蓄積する (ACCUMULATE)”，配有對話氣泡圖示，說明透過日常聊天累積工作、想法和公司範圍內的語境；STEP3“循環させる (LOOP)”，配有橙色循環箭頭，說明透過工具、文件、影片和應用程式反覆循環語境。
No.03 章節：白色背景，帶有橙色“No.03”和標籤“カリキュラム”。標題：“SNS アプリ開発を“通じて”コンテクストコントロールを体得する。SNS を作るのが目的ではない。”包含 6 張帶有紫色標題的水平課程卡片：WEEK01“企画・要件定義”、WEEK02“UI/UX・設計”、WEEK03“実装・DB 設計”、WEEK04“認証・セキュリティ”、WEEK05“デプロイ・運用”、DEMO DAY“成果発表・講評”。下方添加 4 張帶有圖示的特色卡片：“企画・UI/UX”（橙色線框圖示）、“動くアプリ (DB・デプロイ)”（紫色資料庫圖示）、“セキュリティ”（深色盾牌圖示）以及“API・Agent 基盤”（紫色連接節點圖示）。
No.04 章節：白色背景，帶有橙色“No.04”和標籤“卒業後にできること”。橫向排列 4 張帶有縮圖插畫的能力卡片：“アプリ・サービス”（應用程式儀表板截圖）、“資料・ドキュメント”（圖表 / 報告頁面）、“画像・動画”（影片 / 圖片編輯器縮圖與播放按鈕）以及“業務の自動化”（自動化流程圖圖示）。每張卡片標題下方均有一行簡短的日語說明。
No.05 章節：全寬深色電影感帶狀區。左側包含橙色“No.05”和標籤“相棒すなわち AI”。大型白色標題：“一人で、会社を回す。”輔助文案：“AI Agent に仕事をさせ続ける人になる。”右側展示同一位嚴肅的日本商人坐在桌前，雙手交疊，背景有多個透明的分析 / UI 螢幕、圖表、程式碼、城市夜間辦公室氛圍，以及溫暖的檯燈和地球儀細節。
No.06 章節：深灰色肖像帶狀區。左側包含橙色“No.06”和標籤“講師”。標題：“教えるのは、日本でただ一人。泉水亮介”，並附帶關於人文學科、創業、大學教學和 Vibe Coding 的較小日語資歷說明。右側展示 泉水亮介 的真實專業肖像，日本男性，黑色夾克，表情冷靜，背景為水泥牆。最右側添加三個小型金色月桂葉徽章，帶有日語獲獎風格的宣傳語。
No.07 章節：白色背景上的最終 CTA 條。左側標籤為橙色“No.07”和“実績・CTA”。包含 3 張指標卡片：“開発アプリ 120+”、“満足度 98%”和“業務 9 割を AI で”，每張卡片配有小圖示。右側放置一個帶有信封圖示的大型橙色圓角按鈕，文字為“資料請求・お問い合わせ”，下方附帶較小文字“お気軽にご相談ください”。添加一條細頁尾線，包含引用 Vibe Coder Bootcamp 和 AI Agent 時代技能的小型日語文字。
限制：在指定位置保留所有可見的日語文字，保留精確的 7 個編號章節、6 張課程卡片、4 張特色卡片、4 張能力卡片、3 個循環步驟和 3 個最終指標。不要添加額外的章節、浮水印、瀏覽器外框或不相關的 Logo。最終結果應看起來像一張連續的登陸頁面截圖，而不是分開的 Slides。
如何使用這條提示詞
- 1
複製上方完整的提示詞。
- 2
開啟支援 GPT Image 2 的平台（例如 YouMind），把提示詞貼上。
- 3
依你的想法替換主體、風格或細節，然後生成。
這是 YouMind 提示詞庫裡的一條免費 AI 提示詞。這裡還有成千上萬條 圖像 提示詞，都能免費複製與改用。
探索更多 圖像 提示詞
更多提示詞功能
