Vibe coding still needs
UX development.
The faster ideas become code, the more it matters that people can understand and enjoy what you build. Learn the principles and practice of UX development through courses, tutorials, and articles.
UX Development Courses
D3 Data Visualization
From bar charts to interactive 3D globes — 6 essential D3.js v7 patterns
개발 환경 입문
터미널부터 Vercel 배포까지 — 코딩 경험 없이 시작하는 개발 환경 세팅
GSAP Animation
Scroll effects, 3D transforms, SVG drawing, smooth scroll — 17 essential GSAP patterns
Three.js for Interactive Content
Build scroll-driven 3D scenes, product viewers, particle systems, and shader effects — patterns you can ship on real projects
Vibe Coding for UX Engineering
Build production-ready UI with Claude Code — prompting, iteration, CSS, GSAP animations, JS interactions, and real project delivery
Hands-on Tutorials
Start with the finished result, then compare it with the source to quickly understand the implementation and core patterns. Apply what you need directly to your work.
Blog
Insights on UX, interaction, and front-end implementation in the age of vibe coding.
-
Hermes Agent Memory: Built-in Notes, Plugins, and Reliable Recall Learn how Hermes Agent stores useful facts, retrieves past work, and connects memory plugins. Compare nine options and test recall across fresh sessions. -
Claude Code: Start a Fresh Session for Each Task Start a fresh Claude Code session for each distinct task. Keep lasting knowledge in repository files so the next session can begin with focused context. -
직접 체험하는 인터랙티브 웹디자인 레퍼런스 6선 자동차를 몰아 포트폴리오를 탐색하고, 스크롤로 얼음집의 시점을 바꾸며, 작은 도형 조각으로 동물을 만나는 웹사이트가 있다. 시각 디자인과 인터랙션이 함께 기억에 남는 사이트 6곳을 골라, 직접 해 볼 조작과 내 프로젝트에 옮길 아이디어를 정리했다. -
Ghostty Light and Dark Themes: Automatic Switching and Theme Picks Make Ghostty follow your system’s light and dark appearance with one setting. Find matching themes, preview them, and fix common configuration problems. -
Choosing an ADE: Cursor, Orca, Zed, and Today's Agent Workspaces Compare Cursor, Orca, Zed, and other agent development environments by workflow, execution location, persistence, and a practical first setup.