Back

AI Vibe Coding Projects

Role:Designer + Builder Timeline:Ongoing Team:Solo
AI-assisted Coding Chrome Extension Ebook UX Prototype

A collection of small but functional personal tools built through AI-assisted vibe coding — using prompt-based ideation, design iteration, and real deployment. Each project focused on fast prototyping, practical usability, and shipping something real.

Claude Code ChatGPT Gemini Lovable ElevenLabs Figma HTML / CSS / JS
01

Personal Ebook Reader

A page-by-page reading experience built for Korean spiritual texts. Features include chapter navigation, adjustable text size, text-to-speech with ElevenLabs AI voice, and a mobile-friendly layout.

View live project ↗
마음에서 들려오는
사랑의 소리
Page 1 of 24
02

Hover Quick Preview — Chrome Extension

A Manifest V3 Chrome extension that shows available colors and sizes on hover — across Shopify, Amazon, Etsy, eBay, and more. Shadow DOM isolation, sold-out filtering, color swatches, and a 5-minute result cache. Zero data collected.

View live project ↗
amazon.com/product
QUICK PREVIEW
S M L XL

Each project was built end-to-end using an AI-assisted workflow — from concept and UX writing to coding, debugging, and deployment.

Claude Code — coding & implementation ChatGPT — concept & UX writing Gemini — prompt refinement Lovable — UI exploration ElevenLabs — AI voice (ebook) Figma — layout direction

A sample of prompts used to build and iterate on these projects.

"Build a simple ebook reader with page navigation and adjustable text size."
"Add a table of contents as the second page — make each title clickable."
"Create a Chrome extension that previews product colors and sizes on hover."
"Keep the UI clean, lightweight, and mobile-friendly."
2
Shipped products
6+
AI tools in workflow
Live
Both deployed
V3
Manifest V3 extension

Next Project

Enterprise B2B eCommerce Redesign