Vibe Coding Practice
First Demo Built on Replit (Chinese Zodiac Version-2025)
I built this project for fun and to explore how AI can support design, completing it in about 5 hours, starting with a high-fidelity Figma design and bringing it to life on Replit using a vibe coding approach.
I focused on functionality first, then polished visuals, refining spacing, sizing, and layout. Replit made it easy to test quickly, iterate fast, and collaborate with AI.
UX Design Tweak
UX Fix in 1 Click
ChatGPT suggestions ➡️ Instant actions
When ChatGPT suggests something in bold, you have to retype or paste it — not ideal, especially on mobile.
What if those bolded suggestions were 1-click buttons that instantly insert into the chat?
🚀 Less friction
⏱ Faster actions
🎯 Smoother flow
UX Fix in 1 Click
Style Surfing ➡️ Smarter Browsing
Love a style but can’t name it or quickly find similar ones?
Add a “Style Category” button to group similar visuals and boost discoverability.
🔍 Easier exploration
🧠 Less confusion
🚀 Faster inspiration
Daily UI/UX Design Challeneges
Visual Design
Logo Design
Tea Cuisine, an organic café with teas and healthy food
Brand Design
Vivienne Studio, a sustainable clothing and jewelry brand
Publication Design
William Morris Arts and Crafts Movement
Thank you for taking the time to view my portfolio.
Let's create impactful product together!