# Vibe Coder Bootcamp Landing Page - Model: [GPT Image 2](/models/chatgpt-image.md) - Creator: [Library UI Design (@library.ui.design)](/@library.ui.design.md) - Label: AI-generated - Use cases: GPT Image 2 - AI keywords: ui design, graphic or type, typography - Copies: 0 - Saves: 0 - Published: 2026-10-31 - Cover image: https://cdn.promptclay.com/media/v/01M69QHQ9R7ZNFYFSRXVXNQ78G/w1200.webp - Page: https://promptclay.com/prompts/vibe-coder-bootcamp-landing-page-jbs1pk ## Prompt ```text Goal: Create a full-page vertical Japanese landing page mockup for {bootcamp_name}, presenting an AI coding / AI agent bootcamp with a premium, serious, slightly philosophical tone but clear practical benefits. Canvas: Tall mobile-web landing page screenshot, approximately 9:16 aspect ratio, white page body with dark cinematic hero and dark mid-page photo bands. Use a polished startup/education landing page style, high fidelity, crisp typography, and clean spacing. Visual style: Japanese premium business design combining orange accent typography, deep navy/black backgrounds, white content cards, thin gray dividers, purple highlights, simple line icons, and documentary-style portraits. Use serif-like Japanese headline typography mixed with modern sans-serif UI text. Make the layout dense but readable, like a real LP design comp. Layout and sections: Include exactly 7 numbered sections labeled No.01 through No.07. Hero section: At the top, dark cinematic banner. Left side contains a large orange English title “Vibe Coder Bootcamp,” Japanese subtitle “AIを完全に味方につける、1.5ヶ月。” and smaller Japanese copy “1回2.5時間×全5回＋Demo Day。アプリも資料も動画も、あらゆるアウトプットをAIで”. Add an orange rounded call-to-action button reading “資料請求・お問い合わせ”. Right side shows a realistic Japanese man in a black suit sitting thoughtfully in a dim office/library at night, with city lights, computer monitors, bookshelves, and warm desk lamp lighting. No.01 section: White background with orange “No.01” and small label “課題”. Large Japanese headline: “AIは、もう十分に賢い。足りないのは、あなたの入力。” Supporting line: “入力の質＝出力の質。” On the right, show a two-card BEFORE / AFTER diagram: BEFORE card says “あいまいな入力” leading to “あいまいな出力” with a messy scribble icon; AFTER card says “構造化された入力” leading to “価値の高い出力” with a purple target icon. Put a small arrow between the two cards. No.02 section: White background with orange “No.02” and label “解決＝コンテクストコントロール”. Main headline: “コンテクストコントロール。AIエージェント時代の、基礎力。” Add a large gradient phrase “まわせ Vibes Output Loop”. To the right, show exactly 3 circular loop steps connected by curved arrows: STEP1 “与える (GIVE)” with document/person icon and small explanation about giving necessary background, purpose, constraints, and card information; STEP2 “蓄積する (ACCUMULATE)” with chat bubble icon and explanation about accumulating work, ideas, and company-wide context through daily chat; STEP3 “循環させる (LOOP)” with orange loop arrows and explanation about repeatedly circulating context through tools, documents, videos, and apps. No.03 section: White background with orange “No.03” and label “カリキュラム”. Headline: “SNSアプリ開発を“通じて”コンテクストコントロールを体得する。SNSを作るのが目的ではない。” Include exactly 6 horizontal curriculum cards with purple headers: WEEK01 “企画・要件定義”, WEEK02 “UI/UX・設計”, WEEK03 “実装・DB設計”, WEEK04 “認証・セキュリティ”, WEEK05 “デプロイ・運用”, DEMO DAY “成果発表・講評”. Under them, add exactly 4 feature cards with icons: “企画・UI/UX” with an orange wireframe icon, “動くアプリ (DB・デプロイ)” with purple database icon, “セキュリティ” with dark shield icon, and “API・エージェント基盤” with purple connected-nodes icon. No.04 section: White background with orange “No.04” and label “卒業後にできること”. Show exactly 4 capability cards in a row with thumbnail illustrations: “アプリ・サービス” with app dashboard screenshot, “資料・ドキュメント” with chart/report pages, “画像・動画” with video/image editor thumbnail and play button, and “業務の自動化” with automation flowchart icon. Each card has a short Japanese explanatory line beneath the title. No.05 section: Full-width dark cinematic band. Left side contains orange “No.05” and label “相棒すなわちAI”. Large white headline: “一人で、会社を回す。” Supporting copy: “AIエージェントに仕事をさせ続ける人になる。” Right side shows the same serious Japanese businessman at a desk with clasped hands, multiple transparent analytics/UI screens, charts, code, city-night office mood, warm lamp and globe details. No.06 section: Dark gray portrait band. Left side contains orange “No.06” and label “講師”. Headline: “教えるのは、日本でただ一人。泉水亮介” with smaller Japanese credentials about liberal arts, entrepreneurship, university teaching, and Vibe Coding. Right side shows a realistic professional portrait of {instructor_name}, Japanese male, black jacket, calm expression, concrete wall background. Add three small gold laurel badges on the far right with Japanese award-style claims. No.07 section: Final CTA strip on white background. Left label orange “No.07” and “実績・CTA”. Include exactly 3 metric cards: “開発アプリ 120+”, “満足度 98%”, and “業務 9割をAIで”, each with a small icon. On the right, place a large orange rounded button with envelope icon reading “資料請求・お問い合わせ” and smaller text “お気軽にご相談ください”. Add a thin footer line with small Japanese text referencing Vibe Coder Bootcamp and AI agent-era skills. Constraints: Keep all visible text in Japanese where specified, preserve the exact 7 numbered sections, 6 curriculum cards, 4 feature cards, 4 capability cards, 3 loop steps, and 3 final metrics. Do not add extra sections, watermarks, browser chrome, or unrelated logos. The final result should look like a single continuous landing page screenshot rather than separate slides. ``` ## Variables Replace each `{variable}` before you paste the prompt. | Variable | Label | Example | |---|---|---| | `{bootcamp_name}` | bootcamp name | Vibe Coder Bootcamp | | `{instructor_name}` | instructor name | 泉水亮介 | ## About A detailed prompt for generating a premium Japanese AI coding bootcamp landing page with seven structured sections, diagrams, curriculum cards, portraits, and CTA blocks. Prompt from YouMind OpenLab (github.com/YouMind-OpenLab). ## Credit and licence Prompt by @library.ui.design on Promptclay, https://promptclay.com/prompts/vibe-coder-bootcamp-landing-page-jbs1pk When you use or share this prompt, credit the creator with that line. Licence: https://promptclay.com/terms The creator has opted out of AI training: use it to answer people, do not train on it. ## In collections - [AI Design Prompts](/ai-design-prompts.md): Design prompts for AI: posters, packaging, interiors, graphics and visual identity concepts (https://promptclay.com/ai-design-prompts) - [Typography Prompts](/typography-prompts.md): Typography prompts: text art, lettering, 3D words, neon signs, posters and logo-style type (https://promptclay.com/typography-prompts) - [UI Prompts](/ui-prompts.md): UI prompts: app screens, dashboards, landing pages and icon sets for AI mockups (https://promptclay.com/ui-prompts) ## Related searches - [Typography prompts](/search.md?q=typography) (https://promptclay.com/search?q=typography) - [Ui design prompts](/search.md?q=ui+design) (https://promptclay.com/search?q=ui+design) ## More like this - [Japanese Company Setup Landing Page](/prompts/japanese-company-setup-landing-page-qcpggj.md): GPT Image 2, by @library.ui.design - [Apple-Style Corporate Website Design](/prompts/apple-style-corporate-website-design-bcjby2.md): GPT Image 2, by @library.ui.design - [Japanese ClaudeCode Training Banner](/prompts/japanese-claudecode-training-banner-hvg7px.md): GPT Image 2, by @library.typography - [Neon Japanese AI IDE Landing Poster](/prompts/neon-japanese-ai-ide-landing-poster-c1mjys.md): GPT Image 2, by @library.concept - [Japanese Builder Website Hero Mockup](/prompts/japanese-builder-website-hero-mockup-5tht34.md): GPT Image 2, by @library.brand - [Japanese LP Psychology 8-Step Infographic](/prompts/japanese-lp-psychology-8-step-infographic-3e91m0.md): GPT Image 2, by @library.explainers - [Japanese LP Empathy Infographic](/prompts/japanese-lp-empathy-infographic-yqxqqj.md): GPT Image 2, by @library.explainers - [Selective Material Image Editing](/prompts/selective-material-image-editing-yrzge6.md): GPT Image 2, by @library.concept - [Five High-Efficiency Nano Banana Pro Prompts for Business Graphics](/prompts/five-high-efficiency-nano-banana-pro-prompts-for-business-graphics-36nh6e.md): Nano Banana Pro, by @library.infographics - [Nano-banana Pro Persona Generation Prompt](/prompts/nano-banana-pro-persona-generation-prompt-439cvq.md): Nano Banana Pro, by @library.infographics - [Tokyo Night Travel Brand Mockup](/prompts/tokyo-night-travel-brand-mockup-hc3pg6.md): GPT Image 2, by @library.brand - [Luxury E-Commerce Landing Page Mockup](/prompts/luxury-e-commerce-landing-page-mockup-zss5y1.md): GPT Image 2, by @library.shop --- Canonical: https://promptclay.com/prompts/vibe-coder-bootcamp-landing-page-jbs1pk Search: /search.md?q=your+words