PLAYLIST

yanliudesign 2026 16 projects

Thanks for stopping by.
Hope you find something fun here.

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

Participated in "Built with Claude Sonnet 4.5" challenge. Built this mini app called Cozy Journaling — write notes, doodle your emotions, reorder freely, and let it dissolve into particles when you're ready to move on.

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 Makeathon
Figma Make 0:11

Participated in "Figma Makeathon". 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.

Track Title

Artist

Description

0:00
0:00
Select a track