Day 1 Getting Started with Codex & Antigravity (Interactive Lab Module)
🏠 LMS Home 🖥️ Open Presentation Slides 📖 View Textbook

Day 1. Mastering AI Development Tools & Workflow

An interactive, self-paced laboratory guide designed for aspiring founders. Establish a spec-driven development pipeline by drafting requirements specifications in Codex, implementing full-stack web software in Antigravity, and performing automated QA audits in Codex.

🎯 Objective 1. Environment SetupOpen identical absolute local project path in both Codex and Antigravity
🎯 Objective 2. Requirements SpecificationDraft objectives, UI components, constraints, and DoD in PAGE_REQUIREMENTS.md
🎯 Objective 3. Spec-Driven ScaffoldingAuto-generate functional single-page web app in Antigravity based on markdown
🎯 Objective 4. QA Audit & IterationTest against specifications and iterate using Codex & VALIDATION.md
🖥️ Day 1 LECTURE Core Slide Deck (Interactive Viewer)
1 / 14
💡 Self-Study Tip: Navigate through the slides to master the core conceptual foundation.

⏱️ Daily Schedule Breakdown (6 Hours / 360 Mins)

Time Type Key Topics Deliverable
20 MinsOrientationBootcamp objectives, 5-day project roadmap, and Day 1 Definition of DoneGoal Alignment
40 MinsLectureAI development cycle (Codex ➔ Antigravity ➔ Codex) and tool separationWorkflow Mastery
30 MinsLive DemoEffective prompt architecture, tracking diffs, and live browser testingLive Demo Insights
50 MinsLab 1Install/Login Codex & Antigravity, create & open `my-project` workspacemy-project/ & README.md
50 MinsLab 2Draft specifications in Codex: `PAGE_REQUIREMENTS.md`PAGE_REQUIREMENTS.md
70 MinsLab 3Scaffold spec-driven web application (`index.html`) via Antigravityindex.html (Working App)
40 MinsQA Audit LabAudit implementation against specs and generate `VALIDATION.md` via CodexVALIDATION.md
30 MinsWrap-up & ReviewPrompt reflection, debugging retrospectives, and Day 2 preparationPrompt Portfolio

💻 Day 1 Hands-on Lab Assignment Board

Click any task card to inspect step-by-step guides, copy-ready prompts, file structures, and self-audit checklists.

Lab Progress: 0 / 6 Completed (0%) Click checkboxes on each card to track your progress
Task 01 Codex Antigravity Web ChatGPT
⏱️ 50 Mins

Environment Setup & Common Workspace Setup

Create local my-project folder, open with identical absolute path in Codex and Antigravity, and scaffold README.md.

Deliverable 📁 my-project/ & 📄 README.md
Task 02 Codex Web ChatGPT
⏱️ 50 Mins

Drafting Requirements Specification in Codex

Before coding, structure objectives, layout components, constraints, and Definition of Done in PAGE_REQUIREMENTS.md.

Deliverable 📄 PAGE_REQUIREMENTS.md
Task 03 Antigravity
⏱️ 70 Mins

Spec-Driven Web App Scaffolding in Antigravity

Pass PAGE_REQUIREMENTS.md to Antigravity to auto-code a modern dark glassmorphism web application in index.html.

Deliverable 🌐 index.html (Runnable Web App)
Task 04 Codex Web ChatGPT
⏱️ 40 Mins

Codex QA Audit & Quality Refinement Pipeline

Compare implementation code against specifications using Codex, generate VALIDATION.md, and iteratively patch defects.

Deliverable 📄 VALIDATION.md
Bonus Track A Codex Antigravity Web ChatGPT
🚀 Portfolio Specialization

AI-Powered Career Showcase & Portfolio Site

Build a personal one-page portfolio featuring your background, 5 tech stack badges, 3 featured project cards, and contact CTA.

Deliverable 📄 PORTFOLIO_REQUIREMENTS.md
Bonus Track B Codex Antigravity Web ChatGPT
🚀 MVP Landing Specialization

Pre-Launch Waitlist & Demand Validation Page

Construct a pre-launch landing page with 3 value proposition cards, email waitlist capture form, success modal, and FAQ accordion.

Deliverable 📄 LAUNCH_REQUIREMENTS.md

🚀 Day 1 Autonomous Practice Projects (2 Specialized Tracks)

After finishing the foundational walkthrough, select one of the two autonomous topics below to build an end-to-end prototype from scratch based on your venture focus.

Autonomous Track A Spec: PORTFOLIO_REQUIREMENTS.md

💼 AI-Powered Career Showcase & Portfolio Site

Build a modern single-page portfolio articulating your core expertise, 5 technical badges, 3 featured project cards, and email/social contact CTA.

📌 Codex Prompt Example
Generate PORTFOLIO_REQUIREMENTS.md.
Topic: "Professional Developer & Founder One-Page Portfolio"
1. Title: My Professional Portfolio
2. Top: Name, avatar placeholder, one-line value proposition
3. Middle: 5 tech stack badges, 3 featured project cards (Title, Description, Tech Used, Link)
4. Bottom: Contact CTA button and GitHub/LinkedIn social links
5. Constraints: Modern dark theme, Pretendard font, smooth hover animations
6. DoD: Project cards render responsively with clean spacing across all screen sizes.
Autonomous Track B Spec: LAUNCH_REQUIREMENTS.md

🚀 Pre-Launch Waitlist & Demand Validation Landing Page

Construct a pre-launch landing page to validate market interest featuring 3 value proposition cards, an email waitlist form, success modal, and FAQ accordion.

📌 Codex Prompt Example
Generate LAUNCH_REQUIREMENTS.md.
Topic: "New Venture Pre-Launch Waitlist Landing Page"
1. Title: Service Pre-launch
2. Top: Brand logo, compelling headline, 3 key value proposition cards
3. Middle: Early access waitlist form (Name, Email address, Submit CTA)
4. Bottom: 3-item FAQ accordion
5. Constraints: Sleek cyan/blue dark theme, fully responsive layout
6. DoD: Submitting valid email triggers a polished success modal confirmation popup.

❓ Day 1 Self-Evaluation Comprehension Quiz

Q. What is the correct rule when working with Codex and Antigravity together?
① The two tools sync automatically even if opened in different directory paths.
② Both tools must open the exact same absolute local project directory (my-project).
③ Antigravity operates without reading markdown requirements specifications.

🎁 Day 1 Core Deliverables Definition

The 5 essential deliverables that must be completed in your workspace (my-project) by the end of Day 1.

Deliverable 01. Workspace
📁 Common Workspace Folder (my-project)

Local project workspace opened at the identical absolute path in both Codex and Antigravity.

Deliverable 02. Project Overview
📄 README.md

Project summary document generated in Codex detailing purpose and folder structure.

Deliverable 03. Specifications
📄 PAGE_REQUIREMENTS.md

Detailed UI specifications generated in Codex covering profile, cards, contact CTA, and DoD.

Deliverable 04. Runnable App
🌐 index.html

Runnable single-page web app auto-coded by Antigravity from PAGE_REQUIREMENTS.md.

Deliverable 05. Quality Audit Report
📄 VALIDATION.md

Automated QA audit report generated in Codex evaluating implementation code against specifications with Pass/Fail checklist.

📬 Deliverables Submission & Registration Center

Day 1 Core Deliverables & Classroom Submission

Upload your core deliverables to Google Drive and register your submission in Google Classroom.

💡 How to Submit & Register Your Assignment
[Step 1] Google Drive File Upload: Set the file name format as [TeamName]_[Title] (e.g. Maikaratu-Enterprice_Day1_Deliverables) and upload it to the Google Drive folder.
[Step 2] Google Classroom Registration: Click the [Register Submission] button below to open Google Classroom, then add a comment in the format Assignment Submitted : [Google Drive Link] to complete your registration.
☁️ Upload Day 1 Deliverables (Google Drive) 📋 Register Submission (Google Classroom)