r/vibecoding•약 2개월 전•83•15
작은 수도 맞히기 앱을 만들고, 여기서 본 스크롤 비디오 아이디어를 적용해 봤어요
We made this tiny capitals app, then I tried a scroll-video idea I saw here
핵심 요약
AI 도구를 활용해 만든 수도 학습 앱과 스크롤 연동형 랜딩 페이지 제작기입니다.
- 앱 제작 — 수도 학습용 앱을 vibe-coding으로 개발함
- 랜딩 페이지 — 스크롤 위치에 따라 영상 프레임이 변하도록 구현함
- 기술 스택 — Seedance 2와 fal.ai를 활용해 영상 생성함
- 커뮤니티 반응 — 시각적 스타일과 현대적인 개발 환경에 대한 호평이 이어짐
시각적으로 흥미로운 결과물을 만드는 게 얼마나 쉬워졌는지 정말 놀라울 따름임.
u/ElenRed가 수도 이름을 전부 외우려고 간단한 앱을 만들고 싶어 해서, 직접 vibe-coding으로 Capitals 앱을 만들고 UI가 마음에 들 때까지 계속 다듬었음.
랜딩 페이지는 이 게시물에서 아이디어를 얻었음. fal.ai를 통해 Seedance 2로 클립을 생성했고, 비디오 프레임을 스크롤 위치와 연결한 뒤 스크롤 곡선을 부드럽게 느껴질 때까지 계속 조정했음.
결과물은 여기 있음:
https://capitals.elen.red/
