VIBE DESIGN LAB
Community Q&A

수강생 질문과 답변

바이브 코딩을 배우다 실제로 막힌 지점들. 같은 문제를 검색해 찾아온 분께 도움이 되도록 모았습니다.
ux-flow문서와 product.js를 참고하라고 하셨잖아요. 여기에 visual-direction도 참고하라고 해도 되나요?
기본 컴퍼넌트 X 기능 구현 · 답변 1개
아래 댓글에서
스타터키트는 밀키트와 같습니다 · 답변 1개
claude.md는 얇게 유지하면서, agents.md는 SSOT로 쓰이면서도 조금 더 자세하게 정리해두었는데 작성된 방식이 다른 이유가 무엇인…
스타터키트는 밀키트와 같습니다 · 답변 1개
안녕하세요. 안티그래피티에 강의대로 입력히먄사 띠라하고 있는데 stroybook에 meet up 반영된 게 안 뜨는데 어떻게 하면 좋을까요?
간단한 실습: 조립하기 + 비주얼 해킹 · 답변 1개
안녕하세요. 제가 이 부분을 계속해서 반복해서 명령을 내려보고 있는데 정확하게 이대로 반영이 잘 안 되더라고요. 블러페이드 인 페이드 아웃으…
기본 컴퍼넌트 X 기능 구현 · 답변 2개
혹시 강의 뒷부분에 lumenstate 만드실때 만든 이미지, 애니메이션들 만드신 과정이랑 프롬프트도나오나요?
기본 컴퍼넌트 X 기능 구현 · 답변 1개
저는 갑자기 supabase-integration 스킬이 전혀 뜨지 않아 클로드에게 물어보니, 해당 키트에는 이 스킬이 들어있지 않아서 다른 프…
Supabase 로 DB화 · 답변 2개
antigravity mac용 설치했는데 강의에서 켜진 antigravity와 다른데 어떻게 해야할까요? 제미나이는 vs code라 하고 헤깔리…
개발환경 세팅 · 답변 2개
VS 코드로 지금 작업하고 있는데요. 코드 레벨에서 보여지는 것 그리고 스토리북 그리고 실제 프로덕트의 관계가 정확하게 어떻게 되는지 궁금합니다…
스토리북 + 디자인 시스템 활용법 · 답변 1개
5분실습에 나오는 예제는 마이페이지같은곳에서 안보이는데. 따라하지않고 보기만하라고 있는건가요 혹시?
왜 바이브 디자인인가 · 답변 1개
와우 감사합니다. 한방에 이해됐습니다!
스타터키트는 밀키트와 같습니다 · 답변 1개
스토리북에서 그리드를 하나 선택해서, 클로드코드로 그걸 가지고 와서 사용하는거죠? 그런데 어떻게 사용할 수 있어요?
스타터키트는 밀키트와 같습니다 · 답변 1개
/clear 는 작업 단위가 바뀔때(eg. 기획-> 구현)라고 슬라이드에 나와있는데, 예를 들어 프로젝트 플래닝 후 구현단계에서 써도 되는건가요…
클로드의 기능 지도 · 답변 3개
강의 듣다보니 문득 궁금해서 질문드려요! 지금까지 가상조명브랜드와 뮤즈 작업당시에는 스타터키트안에 이미 우석님이 작업해놓으신 project su…
우리는 이미 에이전트와 일하고 있었다 · 답변 3개
Prompt전체 내용 어디서 볼 수 있나요?
개발환경 세팅 · 답변 1개
2. 번 실행해봤는데 마켓플레이스에 찾을수 없대서 클로드에게 물어보니 ! claude plugin install frontend-design@c…
클로드의 기능 지도 · 답변 4개
여기서 실수로 1번 누르고 진행해도 아무 상관 없는거죠? 아님 다시 질문을 불러서 2번으로 진행해줘 해야 하는건지..;;
개발환경 세팅 · 답변 1개
소셜로그인 연동이나 결제 연동 이런것도 배우나요?
데이터 모델 × UX flow 로 Supabase · 답변 1개
React로 프로젝트 만들고 난후 Next.js로 변경해도 큰 이슈는 아닌가요? 그렇다면 클로드한테 react구조를 next.js로 바꿔달라고 …
왜 Next.js 인가 · 답변 1개
웹사이트를 빌드할 때 React.js와 Next.js 둘 중 선택해야 하는 사항인가요? 사이즈 불문 왠만한 업체가 만드는 웹사이트는 대부분 SS…
왜 Next.js 인가 · 답변 1개
스토리북 셋팅이 지금 한글로 되어있는데 영어로 셋팅을 할려면 따로 작업이 필요한가요? 다국어 환경의 팀원들끼리 스토리북을 공유하고싶어서 질문드립…
스토리북 + 디자인 시스템 활용법 · 답변 1개
어셋 만들 때마다 그 어셋스타일에 맞는 스킬을 생성하는 것이 정확도, 일관성 등 퀄리티 면에서 이상적인 프로세스 인가요? 이렇게 매번 스킬 생성…
Zdog 로 만드는 Isometric 아이콘 스킬 · 답변 1개
DDD님, 지난번 어셋 생성 관련 웨비나에서 코덱스 사용하실 때에도 현재 보이는 Google AI Studio에서 받은 API 키를 이용하신건가…
일관된 제품 사진 스킬 (Gemini API) · 답변 1개
🎉🥳 완강
내 API 키를 지키는 흐름 · 답변 1개
API 키를 코드 상에서 흔적 검색 하라는 것이-> 배포 전 로컬환경 브라우저에서 콘솔에서 열고 코드상에서 cmd+f 로 검색열고 키 흔적 확인…
내 API 키를 지키는 흐름 · 답변 1개
diagram으로 이렇게 보면서 들으면서 실습했던것들을 생각하니 이해가 쏙쏙! 감사합니다 :)
사용자 데이터를 지키는 4 가지 · 답변 1개
꼭 안티그라비티가 아니라 코드스페이스에서도 스타터키트 작업 가능한가요? 아니면 안티그라비티 이용해서 작업을 다 마치고 난 후 코드스페이스로 옮겨…
스타터키트는 밀키트와 같습니다 · 답변 1개
스타터 키트랑 스펙 그리드 가이드는 매번 새로운 프로젝트 할 때마다 설치를 해줘야 하나요?
스타터키트는 밀키트와 같습니다 · 답변 1개
Default랑 claude code 중 반드시 dafault를 선택하는 이유가 잇나요?
Stage 4. 로컬 환경에서 AI 테스트 · 답변 1개
"App.jsx에 지금까지 만든 페이지 컴포넌트들을 라우터로 세팅하고 앱셸도 글로벌하게 세팅해줘"라는 말이 “여태까지 만든 컴포넌트들을 pnpm…
Stage 3. 더미 데이터로 컴포넌트 조립 · 답변 1개
그럼 og-setup 스킬은 보통 배포 후에 사용하는 것이 좋을까요?
Lumenstate Next 버전 들여다보기 · 답변 1개
1주차에 Node.js를 설치 했던 기억이 있는데 Next.js 와는 둘이 뭐가 다른지 연관이 있는지 궁금합니다
왜 Next.js 인가 · 답변 1개
3단계 md파일 있는 스타터키트 다운받았는데, 스토리북에 디디디님처럼 이 문서들이 나오지 않아요. 그냥 직접 해보고싶어서 ai 한테 물어보니, …
Stage 1. 기획 + 디자인 시스템 · 답변 1개
스토리북에 typography 크기를 픽셀로 바꿀수 있을까요?
Stage 1. 기획 + 디자인 시스템 · 답변 1개
제가 매번 새로운 프로젝트를 할때마다 pnpm install을 해야하나요?
Stage 1. 기획 + 디자인 시스템 · 답변 1개
왜 저는 cmd+c를 눌러도 아무일이 일어나지 않는걸까요? ㅋㅋ 매번 새터미널 열어야되서 답답하네요 ㅜㅜ
데이터 모델 × UX flow 로 Supabase · 답변 2개
실습을 하다보니 api key자체는 정상 연결됬는데 크레딧이 부족하다고 뜨는데 claude pro로 결제를 하고 시작했는데 cladue cons…
감당할 만큼의 사고와 글쓰기 · 답변 1개
그럼 터미널을 새로 열 때마다 클로드에 자동적으로 연결된 건 아니란 뜻일까요? 그동안 당연히 새로운 터미널에도 클로드가 연결된 줄 알고 사용하고…
개발환경 세팅 · 답변 1개
커밋을 로그하려고 하는데 왜 저는, 커밋버튼이 안보이고 publish branch 만 보이는걸까요? ㅜㅜ 제목을 입력하고 커밋하려고해도 커밋할 …
Stage 3. 더미 데이터로 컴포넌트 조립 · 답변 3개
계속 한글 글씨 깨져서 당황스러웠는데, 터미널 창 사이즈 조절하면 없어진다는 꿀팁 감사합니닼ㅋㅋㅋ
기본 컴퍼넌트 X 기능 구현 · 답변 1개
스토리북 상단에 시간을 변경할 수 있는 메뉴가 따로 뜨는데, 저는 이게 안 떠서 궁금합니다. 토큰을 제대로 설정했다면 라이트/다크모드 변경하는 …
기본 컴퍼넌트 X 기능 구현 · 답변 1개
혹시 커서가 아닌 안티그래비티를 쓰는 다른 이유는있을까요? 그리고 VS code를 쓰고있었는데 커서와 안티그래비티가 VS code에서 파생되었다…
개발환경 세팅 · 답변 1개
혹시 슬라이드는 언제 업데이트되나요!? 공지를 제가 못본걸까요..
우리는 이미 에이전트와 일하고 있었다 · 답변 1개
질문이 아니라 느낀점인데요, 현업에서 디자인할 때 작업하는 사이트나 서비스에서 API를 연동해서 다른 서비스를 사용하는 경우, 우리 사이트에서 …
Stage 4. 로컬 환경에서 AI 테스트 · 답변 1개
Learn more -> API Console이 안보이는 경우는 Max가 아닌 Pro 사용자여서 그런것이려나요? 아니면 https://platf…
Stage 4. 로컬 환경에서 AI 테스트 · 답변 2개
Style 스토리 필수 구조에 대한 내용이 생략되고 바로 작성 가이드 내용으로 넘어가는 것 같아요.
스토리북 + 디자인 시스템 활용법 · 답변 1개
22:47분부터 갑자기 재생이 안되는데 저만 그런 걸까요..!?
Stage 2. UX flow + 컴포넌트 · 답변 1개
여기에 나오는 git remote가 무엇이며, 이것이 문제가 된다는걸 어떻게 알 수 있나요? 왼쪽에 git remote add.. 이 부분이 나…
페이지 조립하고 라우터 연동 · 답변 1개
아주 사소한 피드백인데요, 클론하는 git url 에서 username 이 눈에 잘 안 띄어서 수정하는걸 까먹게 되더라구요. 차라리 [본인깃헙아…
코스 활용법과 Section3 학습 의도 · 답변 1개
여기서 바로 직전에 디자인 시스템 토큰만 업데이트하고 여기로 넘어온거라 스토리북에는 현재 우석님 VOD에서 보이는 것처럼 Muse 관련 스토리…
Stage 2. UX flow + 컴포넌트 · 답변 1개
component work이나 project planning 같은 skill은 DDD님이 직접 만드신걸까요, 아님 기존의 claude skill…
기본 컴퍼넌트 X 기능 구현 · 답변 1개
지금 이 시점에 깃헙 연결이 안되어 있는 것을 발견했는데, 두개의 CTA (Initialize Repository or Publish to Gi…
기본 컴퍼넌트 X 기능 구현 · 답변 1개
New terminal과 Split terminal의 차이가 뭔가요?
기본 컴퍼넌트 X 기능 구현 · 답변 1개
저는 이 상황에서 MeetupCard 컴포넌트 아래 2x4 grid 스토리가 생성된 상태인데, 골뱅이 2x4 grid를 해도 나오지 않습니다. …
간단한 실습: 조립하기 + 비주얼 해킹 · 답변 1개
터미널 안에서 프롬프트를 작성할때 띄어쓰기나 줄바꾸기, 콤마의 유무 같은것이 아웃풋에도 영향을 많이 미치는지 궁금해요. 줄바꿈을 터미널에서 할수…
기본 컴퍼넌트 X 기능 구현 · 답변 1개
혹시 19:00 부분에서 md파일을 직접 수정하지 않고 클로드한테 명령해서 수정한 이유가 있을까요?
감당할 만큼의 사고와 글쓰기 · 답변 1개
이 스타터키트를 여기 강의에서 실습을 할때만 사용 가능한지, 아니면 각자 개인프로젝트나 일을 할때도 기본 세팅으로 이 스타터키트를 사용해도 되는…
스타터키트는 밀키트와 같습니다 · 답변 1개
간단한 실습하기하기에서 약간 빌드를 하게되면 어떻게되나요!
간단한 실습: 조립하기 + 비주얼 해킹 · 답변 1개
글래스모피즘 스타일의 날씨 대시보드를 만들어줘
바이브 코딩의 오해와 진실 · 답변 1개
딕셔너리 https://vibedesignlab.net/dictionary
프롤로그: 10년간의 디발자 · 답변 1개
터미널을 계속 새로 열어야 하는 이유가 뭔가요?
개발환경 세팅 · 답변 1개
DDD님 안녕하세요! 저 section1 다 들었는데 Section2가 진행이 안되네요?
오류는 흔한 것이다 · 답변 1개
저에게 린트랑 빌드 검사를 하겠다고 물어보지 않으면, 작업마지막에는 그 둘을 검사해 달라고 해야하는 건가요?
오류는 흔한 것이다 · 답변 1개
Node.js가 React같은 코드를 웹브라우저로 보여주기위한 중간통역사 역할을 한다는 것, 그래서 앞으로 우리가 바이브디자인을 할때 필요하다는…
생태계 비교 · 답변 3개
질문은 아니지만, 제 생각에는 어떤 바이브 코딩 코스도 이렇게 역사나 여러 배경들을 자세하게 안다뤄주는것같은데 코스 처음부터 따라오면서 느끼는거…
1세대 UX디자이너가 바꿔놓은 것들 · 답변 1개
Vercel가입시 어떤 타입으로 해야할까요? 실습하고 연습해보기에 Hobby가 충분할지 아니면 Pro로 해야하나요?
개발환경 세팅 · 답변 1개
이 지점에서 나온 에러 내용은 무엇인가요?
개발환경 세팅 · 답변 1개
"vite + pnpm 조합으로 react.js 프로젝트를 생성해줘" - 이걸 매번 폴더를 만들때마다(새 프로젝트를 시작할때마다 새로운 폴더 만…
개발환경 세팅 · 답변 3개
리액트 프로젝트를 꼭 안티그래비티에서 설치해야하나요?
개발환경 세팅 · 답변 1개
Antigravity 설치하고 시작할때 에이전트 어떻게 쓰고 싶냐고 물으면서 4가지 옵션중(Strict Mode, Review-driven de…
개발환경 세팅 · 답변 1개
이 Ajax와 클라이언트 사이드와 관련이 있을까요?
1세대 UX디자이너가 바꿔놓은 것들 · 답변 1개
시정 지표 분류가 레이아웃에 어떤식으로 영향을 미친건가요?
프롤로그: 10년간의 디발자 · 답변 1개