社区案例

Vibe Coder Bootcamp 着陆页

一份详细的提示词，用于生成高端日本 AI 编程训练营着陆页，包含七个结构化部分、图表、课程卡片、人物肖像及 CTA 模块。

泉水亮介 │ 大学でVibe Codingを教えてます。 · 2026-07-02 · 约 6 分钟

参考效果：Vibe Coder Bootcamp 着陆页 — 社区作者发布的参考画面 · 泉水亮介 │ 大学でVibe Codingを教えてます。

编辑提示词

完整提示词

目标：为 {argument name="bootcamp name" default="Vibe Coder Bootcamp"} 创建一个全页垂直的日本着陆页模型，展示一个 AI 编程 / AI Agent 训练营，风格高端、严谨、略带哲学感，同时具备清晰的实际收益。

画布：高大的移动端网页着陆页截图，比例约为 9:16，白色页面主体，搭配深色电影质感的首屏和页面中部照片带。采用精致的初创公司/教育类着陆页风格，高保真，排版清晰，间距整洁。

视觉风格：日本高端商务设计，结合橙色强调排版、深海军蓝/黑色背景、白色内容卡片、细灰色分割线、紫色高亮、简单的线条图标以及纪录片风格的人物肖像。使用类似衬线体的日文标题排版，混合现代无衬线 UI 文本。布局紧凑但易读，如同真实的 LP 设计稿。

布局与部分：包含 7 个编号部分，标记为 No.01 到 No.07。

首屏部分：顶部为深色电影质感横幅。左侧包含大号橙色英文标题“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 エージェント時代の、基礎力。”添加一个大号渐变短语“まわせ 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・エージェント基盤”（紫色连接节点图标）。

No.04 部分：白色背景，带有橙色“No.04”和标签“卒業後にできること”。横向展示 4 张能力卡片，配有缩略图插画：“アプリ・サービス”（应用仪表盘截图）、“資料・ドキュメント”（图表/报告页面）、“画像・動画”（视频/图像编辑器缩略图及播放按钮）、“業務の自動化”（自动化流程图图标）。每张卡片标题下方有一行简短的日文解释。

No.05 部分：全宽深色电影质感横幅。左侧包含橙色“No.05”和标签“相棒すなわち AI”。大号白色标题：“一人で、会社を回す。”辅助文案：“AI エージェントに仕事をさせ続ける人になる。”右侧展示同一位严谨的日本商务人士在办公桌前双手交叉，背景有多个透明的分析/UI 屏幕、图表、代码、城市夜景办公室氛围、温暖的台灯和地球仪细节。

No.06 部分：深灰色人物肖像带。左侧包含橙色“No.06”和标签“講師”。标题：“教えるのは、日本でただ一人。泉水亮介”，下方附带关于文科、创业、大学教学和 Vibe Coding 的日文资历介绍。右侧展示 {argument name="instructor name" default="泉水亮介"} 的写实专业肖像，日本男性，黑色夹克，表情冷静，背景为混凝土墙。最右侧添加三个小型金色月桂徽章，带有日本奖项风格的声明。

No.07 部分：白色背景上的最终 CTA 条。左侧标签为橙色“No.07”和“実績・CTA”。包含 3 张指标卡片：“開発アプリ 120+”、“満足度 98%”、“業務 9 割を AI で”，每张配有小图标。右侧放置一个大号橙色圆角按钮，带有信封图标，文字为“資料請求・お問い合わせ”，下方有较小文字“お気軽にご相談ください”。添加一条细页脚线，包含引用 Vibe Coder Bootcamp 和 AI Agent 时代技能的小号日文文本。

约束：在指定位置保留所有可见的日文文本，保留 7 个编号部分、6 张课程卡片、4 张功能卡片、4 张能力卡片、3 个循环步骤和 3 个最终指标。不要添加额外的部分、水印、浏览器边框或不相关的 Logo。最终结果应看起来像一张连续的着陆页截图，而不是单独的 Slides。

带入创作工作台

仅带入描述，不会自动生成。参考图与编辑模式请先上传或选中原图。

来源与说明

由泉水亮介 │ 大学でVibe Codingを教えてます。发布，经 YouMind 收录。提示词与图片权利归原作者及相应平台。

此案例需要参考图片，请在创作工作台中上传后再使用。

查看原始来源 ↗ · 作者主页

使用示例 →

把这个思路，变成下一次创作。

在 RonasAI 中开始创作 ↗