Jinho's AI Studio

바이브코딩으로 페이지를 만들때 화려한 이모지 대신적당한 아이콘을 찾기 위해 몇개의 사이트를 둘러 보던 중한번에 비교할 수 있는 페이지를 만들었습니다. 제가 쓰려고 만들었는데혼자 보기 아까워서 공유할게요. ^^ https://jvibeschool.com/vibeicon 페이지 하단의 README 확인 해 주세요. [프롬프트]

LLaVA = Large Language and Vision Assistant이미지를 보고 자연어로 대화할 수 있는 멀티모달 AI MLX = Machine Learning XApple의 머신러닝 프레임워크 LLaVA 모델을 다운받아서Apple Silicon 최적화를 살짝해서Python Flask 웹 인터페이스를 붙였습니다. 설치방법+소스는 댓글 링크 참고하세요.바이브코딩으로 세팅해서 세밀한 설정은 저도 잘 몰라요. 🙂 [특징]– LLaVA 모델: 검증된 오픈소스 Vision Language Model… Continue reading →

UI는 그것을 나타내는 정확한 명칭과 설정 값이 있습니다.나의 의도를 명확하게 설명하는 용어가 필요하죠. [주관적]이쁘게 만들어줘, 멋지게 만들어줘 [객관적]Fade In Container 만들어DIRECTION = top , OFFSET= 50, DURATION= 0.7, DELAY= 1 그런데 이렇게 디테일하게 지시하는 것은 바이브 코딩이 아니죠.UX/UI 전문가만 가능한 일이죠. 그래도 대충 각각의 용어로 어떤 느낌이지 알 수 있으면… Continue reading →

바이브 코딩으로 작업할 때,UI 일관성을 유지하는 것은 매우 중요합니다.여러 페이지를 만들어도 동일한사용자 경험을 제공하는 것이 필요하죠. UI 일관성을 유지하는 가장 확실한 방법은UI 스타일 가이드를 만드는 것입니다. 먼저 아래와 같은 과정을 거쳐마음에 드는 jvibeschool 메인 페이지 스타일을 찾았습니다. 이런 과정을 통해 완성도 높은 스타일을 만들었습니다. 수많은 수정을 거쳐 드디어 마음에 드는… Continue reading →