Hi, I'm Yan, a Seattle product designer. Have fun exploring. Thank you!
A playlist of vibe-coded experiments. Built with creativity and curiosity.
#TITLEMADE WITH
1
Cozy JournalingClaude Sonnet 4.5
Claude Code0:21
Built with Claude Sonnet 4.5" Challenge — "Keep Creating" Award Winner. Cozy Journaling is a mini journaling app that lets you write, doodle emotions, freely reorder thoughts, and release them through a particle dissolve.
2
yanliuosMulti-tool
Claude + Figma + ChatGPT0:37
Cooked up my own little desktop OS. Main tools I used: Claude Code for vibe coding, Figma for avatar and mood track illustration, ChatGPT for desktop wallpapers and app icons. AI is unlocking things I never thought I could do.
3
MindstreamGemini 3 Pro
Google AI Studio1:49
I personally struggle with writing thoughts down… then never finding them again. They pile up, get buried, and disappear. I built Mindstream to capture thoughts freely—and turn patterns into insights and actionable next steps.
4
Focus nowClaude Code
Claude Code0:23
Built my first Chrome extension with Claude Code. It lets me park extra tabs in one click, stay focused, and bring them back only when I need them. Less clutter. More clarity. Honestly... I needed this.
5
Virtual Online StudioCursor + Gemini 3 Pro
Cursor + Gemini 3 Pro0:24
Experimented with Gemini 3 Pro in Cursor—built in about an hour. The prototype supports voice-prompted image generation, hand-gesture swiping, and camera style switching.
6
3D CabinClaude Opus 4.5
Claude Chat0:26
Made this 3D cabin scene using Claude Chat Opus 4.5. Workflow was simple: prompt, add a few visual references, debug, iterate—repeat until the scene comes together.
7
One, not manyClaude Opus 4.5
Claude Chat0:10
Created this animation in Claude using the latest Opus 4.5. Saw a clip of one little fish swimming against the whole school—tiny rebel energy. Here's to being the one!
8
PixelArt StudioFigma Make
Figma Make0:11
Participated in "Figma Make". Cooked a tiny web studio for pixelated, glitched, dithered GIFs — fast and in-browser.
9
Halloween Pumpkin CarvingFigma Make
Figma Make0:13
Another Figma Make experiment: a pumpkin carving tool. Hope it brings a smile!
10
Painting GalleryFigma Make
Figma Make0:16
Built entirely in Figma Make. Sketch directly on the canvas, turn neon lines into a painting, and double-click to make them disappear—like magic.
11
Credit card scanningGemini 3
Google AI Studio0:11
Made this credit card scanning effect in Google AI Studio using Gemini 3. The speed and quality is impressive. AI tools become creative collaborators.
12
Vintage ComputerCursor
Cursor0:17
This early vibe coding project, created with Cursor in June 2025, created a vintage computer interface controlled entirely through keyboard input—imperfect, but so exciting to see it come to life.
13
Vibe code the vibeClaude + Suno
Claude + Suno0:51
Claude wrote the lyrics and designed the music play experience. Suno generated the track. Exploring what creative collaboration can look like with AI.
14
FireworksClaude Chat
Claude Chat0:15
Missed the Seattle 2026 new year fireworks. So I built something in 10 minutes using Claude App as my first New Year gift. Hello 2026—let's start another learning journey!
15
Pixel rain mini gameClaude Code
Claude Code0:21
Built a mini game in under 2.5 hours. Claude Code did the heavy lifting — I brought the idea, taste, and playfulness. This is why I love building—ideas don't have to stay ideas anymore. Started simple. Ended up with something I actually enjoy playing.
16
Quick Interaction ExperimentsClaude / Cursor
Claude / Cursor0:32
These micro-interactions were created using Claude and Cursor. It doesn't need to be perfect—getting 90% there is enough to move fast, prototype visually, and explore ideas without friction.
17
Moments of waitingClaude Chat
Claude Chat0:13
Vibe-coded these 9 little loading animations with Claude. Each one comes from how waiting feels to me: coffee breaks, quiet growth, late nights with music in the background, thoughts drifting as time stretches.
18
Year of Horse 2026Claude Code
Claude Code0:17
Happy Chinese Lunar New Year! Vibe coding with Claude code, I made a vintage, nostalgic, newspaper-style mini site to welcome the Year of the Horse. In the Chinese zodiac, 12 years is a full cycle. The last Year of the Horse was 2014 — the year I moved to Seattle. 12 years later, still in Seattle, still creating.
19
A letter to yourselfFigma Make
Figma Make0:33
If you could send one anonymous letter across time—to your younger self or your future self, what would it say? Built a small space to write those letters anonymously. Write to your past. Write to your future. Read honest letters from strangers across time.
20
Pretext playgroundClaude Code
Claude Code + Pretext0:19
Installed the open source Pretext library and wired up the API into my little playground. Love how fluid and flexible this feels. Instead of relying on the browser's heavy layout system, Pretext uses lightweight math — which unlocks real-time, interactive typography that normally isn't possible.