Codex가 최고라는 소문 직접 검증합니다, 세팅부터 실전 앱 개발까지 전 과정 공개 (feat. OpenAI)

✨ If you're curious, try Codex yourself: https://openai.com/ko-KR/codex/ (26.05.13 Live Edit) 🤖 VIVE Coding Review Using Codex — From Setup, Skills, Automation, to Practical App Development We introduce a VIVE coding guide that even non-developers can easily follow, utilizing Codex, a coding tool that has recently emerged as a major trend. You can see everything at a glance, from basic terminal-based setups to YOLO mode configurations and design enhancements using image generation models. In particular, we cover in detail the process of building an internal leave registration ERP system using the bkit plugin and creating a company-wide app for real-time meeting minutes through OpenAI API integration. ⏱️ Timestamps 0:00 - Highlights and Live Introduction 0:44 - Introduction to Codex's Trending Features and /goal Function 1:44 - How to Install and Initialize Codex CLI via Terminal 2:26 - YOLO Mode and Permission Settings Tips 3:05 - Exploring Codex Apps and Various Plugins (Figma, Gmail, etc.) 4:13 - PDCA Methodology Using bkit Plugin and the Importance of Documentation 5:24 - Automatic PPT Generation Using Image and Presentation Skills 6:13 - Advanced Figma Landing Page Design Using DESIGN.md 7:03 - VIVE Coding Part 1: Implementation of Company Leave Registration ERP System and Vercel Deployment 8:20 - How to Write AGENTS.md System Guideline Documents 8:53 - VIVE Coding Part 2: Creating a Real-time Meeting Recording App Using /goal Function 10:03 - Voice Transcription API Integration Test and Final URL Distribution Confirm 🔑 Key Points 1. Codex boasts excellent token efficiency and provides a powerful coding experience in a CLI environment. 2. When the /goal function is enabled, the AI ​​handles everything from goal setting to verification and Vercel deployment on its own. 3. The core of VIBE coding is not to start coding blindly, but to first build a solid four-stage documentation structure consisting of a high-level plan (Plan), a detailed plan (Design), a style guide (DESIGN.md), and system rules (AGENTS.md). 4. By utilizing the bkit plugin to create a PDCA cycle structure, you can minimize errors and obtain a high-quality finished product. 5. We have entered an era where even non-developers with limited development knowledge can directly deploy and operate the services they envision by appropriately combining AI tools and API integration. 📝 Section Summaries ■ Codex CLI Features and Initial Setup Methods We introduce the key features and strengths of Codex, an OpenAI-based coding tool that has recently gained significant popularity among developers. Codex offers significant advantages in terms of token efficiency and can be easily executed via the terminal. We will demonstrate the process of opening a terminal window—which may be somewhat unfamiliar to non-developers—and installing the Codex CLI in a single line using NPM commands. Additionally, to reduce the hassle of requiring approval every time, we will guide you through setting up "YOLO Mode," which grants Full Access permissions, and "Fast Mode," which increases work speed even if it consumes more tokens. ■ Utilizing the Plugin Ecosystem and Design System Documents We will explore the intuitive Codex app and plugin ecosystem that complement the limitations of the Codex CLI environment. We will demonstrate how to quickly create landing page mockups or card news with simple commands by integrating not only Notion, Slack, and Gmail summaries, but also the Figma plugin, which is favored by designers. In particular, we will share key design tips for elevating dry layouts into high-quality visuals by utilizing getdesign.md, which compiles design assets from major global corporations, or domestic design systems to generate DESIGN.md documents and referencing them. ■ Implementation of bkit-based In-house Vacation Registration ERP (VIVE Coding) In the main VIVE coding session, we introduce the bkit plugin to establish a planned development process. For successful VIVE coding, creating detailed planning documents in advance is superior to issuing simple instructions. Following the PDCA methodology, we generate a high-level planning document called "Plan" and sequentially build a detailed design plan exceeding 300 lines. Subsequently, we input system guidelines and context in Korean into the AGENTS.md file, which serves as the backbone of the project. Once the basic harness setup is complete, issuing the "Do" command results in the error-free implementation of an ERP screen that includes functions for checking remaining employee annual leave, applying for leave, and waiting for approval. ■ Company-wide and Final Deployment of a Real-time Meeting Minutes App with /goal Function As the second product, we create a meeting minutes app that converts microphone audio into text in real-time by linking an OpenAI API key to the env file. In this stage, we specifically utilize the /goal function, which verifies the entire process once a ...