짧은 시간 안에 멋진 대시보드를 만들어봤습니다
Built a good looking dashboard in small amount of time
핵심 요약
vibe coding을 활용해 생산성 대시보드를 빠르게 제작하고 피드백을 구하는 포스트입니다.
- 제작 도구 — Runable, ChatGPT, Claude, Cursor를 활용함
- 개발 과정 — 아이디어 구상부터 레이아웃 생성 및 UX 정교화 반복
- 주요 교훈 — 작은 단위의 프롬프트가 효과적이며 UX 개선에 시간이 많이 소요됨
- 피드백 요청 — 대시보드 구성의 적절성과 생산성 앱의 기능에 대한 의견 구함
vibe coding을 활용해 몇 시간 만에 이 생산성 대시보드를 만들었습니다.
사용한 도구:
- Runable (빠른 UI 반복 작업용)
- ChatGPT (기능 및 레이아웃 브레인스토밍용)
- Claude (UX 피드백 및 개선용)
- Cursor (구현용)
제 작업 과정은 기본적으로 이랬습니다:
- 대략적인 아이디어로 시작.
- 레이아웃 생성.
- 개별 섹션을 계속해서 다듬음.
- 실제로 내가 쓸만하다는 느낌이 들 때까지 반복.
배운 점 몇 가지:
- 거대한 프롬프트보다 작고 집중된 프롬프트가 훨씬 효과적이었음.
- 시간 대부분은 코드 생성이 아니라 UX를 다듬는 데 쓰였음.
- AI 덕분에 괜찮은 프로토타입을 아주 빠르게 만들 수 있었지만, 최종 제품 결정은 여전히 내가 해야 했음.
질문입니다:
이게 실제 제품이라면, 가장 먼저 제거하거나 변경하거나 추가할 것은 무엇인가요?
특히 궁금한 점:
- 대시보드가 너무 복잡한가요?
- 생산성 대시보드가 실제로 유용한가요?
- 모든 작업/프로젝트 앱이 잘못 구현하고 있는 기능 하나는 무엇인가요?
솔직하고 가감 없는 피드백 환영합니다.

