r/vibecoding•4개월 전•10•5
루빅스 큐브 시각화 및 솔버
Rubik's cube visualizer + solver
핵심 요약
GitHub Copilot과 Claude Opus를 활용해 루빅스 큐브 시각화 및 솔버를 개발한 사례입니다.
- AI 개발 도구 — GitHub Copilot App과 Claude Opus 4.8을 사용하여 프로젝트 생성함
- 모바일 최적화 — 프롬프트 하나로 모바일 UI 및 스와이프 기능 개선함
- 오픈 소스 — GitHub를 통해 소스 코드를 공개하고 자유로운 포크를 허용함
- 향후 계획 — 웹캠 인식 및 고차원 큐브 지원 등 기능 확장 예정임
이번에 GitHub Copilot App을 Claude Opus 4.8과 함께 처음으로 써보면서 이 멋진 루빅스 큐브 시각화 및 솔버를 만들어봤습니다. 몇 분 정도 프롬프트를 입력하니 아주 깔끔하게 완성되네요.
첫 번째 버전은 모바일에서 제대로 작동하지 않아서, 좀 일반적인 프롬프트를 던져봤습니다: "모바일 뷰(사진 첨부)에서 UI 뒤에 큐브가 가려져서 안 보여. 모바일 웹 UI 모범 사례를 사용해서 수정해 줘. 큐브를 움직이거나 스와이프할 수 있게 만들 수 있을까? 큐브를 전면으로 가져오는 옵션을 보여줄 수 있어?" 그러고 나서 /yolo를 입력했죠. 결과가 아주 만족스러웠습니다!
데모: https://leereilly.net/rubiks-rubrics/
소스: https://github.com/leereilly/rubiks-rubrics
앞으로도 계속 이 프로젝트를 발전시켜 볼 생각입니다. 예를 들면 웹캠으로 루빅스 큐브를 풀 수 있게 하거나, 4x4, 5x5 이상의 큐브도 지원하는 식으로요. 어쩌면 저도 현실에서 스피드 큐버가 될지도 모르겠네요... 🤔
