PLAYLIST

Yan Liu Created by Yan 20 projects 8m 39s

Yan Liu

Hi, I'm Yan, a Seattle product designer.
Have fun exploring. Thank you!

A playlist of vibe-coded experiments.
Built with creativity and curiosity.

# TITLE MADE WITH
1
Cozy Journaling Claude Sonnet 4.5
Claude Code 0: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
yanliuos Multi-tool
Claude + Figma + ChatGPT 0: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
Mindstream Gemini 3 Pro
Google AI Studio 1: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 now Claude Code
Claude Code 0: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 Studio Cursor + Gemini 3 Pro
Cursor + Gemini 3 Pro 0: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 Cabin Claude Opus 4.5
Claude Chat 0: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 many Claude Opus 4.5
Claude Chat 0: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 Studio Figma Make
Figma Make 0:11

Participated in "Figma Make". Cooked a tiny web studio for pixelated, glitched, dithered GIFs — fast and in-browser.

9
Halloween Pumpkin Carving Figma Make
Figma Make 0:13

Another Figma Make experiment: a pumpkin carving tool. Hope it brings a smile!

10
Painting Gallery Figma Make
Figma Make 0: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 scanning Gemini 3
Google AI Studio 0: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 Computer Cursor
Cursor 0: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 vibe Claude + Suno
Claude + Suno 0: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
Fireworks Claude Chat
Claude Chat 0: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 game Claude Code
Claude Code 0: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 Experiments Claude / Cursor
Claude / Cursor 0: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 waiting Claude Chat
Claude Chat 0: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 2026 Claude Code
Claude Code 0: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 yourself Figma Make
Figma Make 0: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 playground Claude Code
Claude Code + Pretext 0: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.

Track Title

Artist

Description

0:00
0:00
Select a track