VIBE DESIGN LAB
코스
커뮤니티
사전
쇼케이스
실험
Community Q&A
수강생 질문과 답변
바이브 코딩을 배우다 실제로 막힌 지점들. 같은 문제를 검색해 찾아온 분께 도움이 되도록 모았습니다.
실무에서 보통 BE가 작업을 시작하고 완료되면 그걸 기반으로 FE가 작업할 때가 있잖아요. 보통 BE가 return 위 = 동작을 작업하고, F…
프레임워크와 React · 답변 1개
이런 조명 제품 진짜 나오면 좋겠어요...ㅋㅋ
디자인 택소노미 활용법 · 답변 2개
1st-project 폴더안에 하위 폴더에서 .claude 폴더 대신 public 폴더가 만들어졌는데 괜찮은걸까요?? 보통 클로드 코드 통해서 …
개발환경 세팅 · 답변 1개
실습 시작지점을 받은 것은 04-Data bridge 가 이미 존재하네요. 차이가 있을까요?
데이터 모델 × UX flow 로 Supabase · 답변 3개
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개