Vibe Coding Lab
A space for recording AI Product Build experiments using Codex and Claude Code — turning ideas into working web apps. Not a tutorial walkthrough, but a record of taking each experiment from planning through to deployment.
What This Lab Is
AI coding agents make it possible to move quickly from an idea to a working result. But generating code is not the same as shipping a product. Defining what to build, designing the sequence of instructions to give the AI, verifying the output, and connecting everything through to deployment — all of that still requires deliberate human design.
The Vibe Coding Lab is a space for doing exactly that from start to finish and recording the process. Each experiment is a small-scale MVP — an AI Product Build learning result rather than a production service.
Experiment Flow
Each experiment follows this sequence:
- Plan — Define the idea and feature scope.
- Design — Document design criteria in DESIGN.md or AGENTS.md format.
- Do — Implement using Codex or Claude Code.
- Check — Verify with a local build, lint, and functional testing.
- Deploy — Push to GitHub and deploy via Cloudflare Pages.
- Asset — Record the experiment process and result as a Log or Insight entry on chulbuji.com.
The development environment runs on Codex CLI and Claude Code CLI. The full path runs from local development → GitHub version control → Cloudflare Pages deployment → chulbuji.com record.
Codex Experiments
AI Product Build experiments using OpenAI Codex. Each entry is an independent web app taken through the full cycle from planning to Cloudflare Pages deployment alongside Codex.
Commit Hero
A small web app that turns a public GitHub username into an RPG-style developer card based on public GitHub activity data. Built as an AI Product Build experiment using Codex — following a Plan, Design, Do, Check, GitHub, and Cloudflare Pages deployment flow. The development process and technical decisions are documented in the build log.
Claude Code Experiments
Claude Code is used differently from Codex here. Where Codex is strong at quickly building a new app from scratch, Claude Code is strong at understanding the structure of a project already in operation and working precisely within it.
Current use includes adding Log and Insight content to chulbuji.com, verifying builds, and maintaining file structure consistency — repeatable operational asset generation. Independent deployable web app experiments built with Claude Code are currently being organized.
Claude Code is currently used for chulbuji.com operations, content structuring, and build verification. Standalone deployable experiments will be added here as each result is documented.
Related Records
Details about how the Vibe Coding Lab was set up and the Codex practice that produced Commit Hero are documented in the log below.