사용 방법
Vyblor는 컴포넌트, 모션, 전체 페이지를 프롬프트나 코드로 가져가는 디자인 라이브러리예요. 둘러보는 건 계정 없이 되고, 가져갈 때는 이메일 코드로 시작하면 돼요.
처음이라면 이렇게 해 보세요
둘러봐요
컴포넌트, 모션, 전체 페이지에서 마음에 드는 조각을 찾아요. 이름을 누르면 상세 화면에서 크게 볼 수 있어요.
시작해요
복사하기나 담기를 처음 누르면 시작하는 창이 열려요. 이메일로 받은 여섯 자리 코드를 넣으면 끝이에요. 비밀번호는 없어요. 지금 시작할 수도 있어요.
복사해요
프롬프트, HTML, React 중 하나를 골라 복사해요. 무엇을 고를지 모르겠다면 프롬프트가 가장 쉬워요. 차이는 복사하기에 적어 두었어요.
에이전트에게 맡겨요
복사한 프롬프트를 Claude Code나 Codex에 붙여 넣으면 내 프로젝트에 맞춰 만들어 줘요. 이름, 가격, 수치는 예시니까 실제 내용으로 바꿔 주세요.
에이전트와 바로 이어서 쓰려면
사이트에서 복사하는 것 말고 길이 세 가지 더 있어요. 하나만 써도 되고 같이 써도 돼요. 스킬은 라이브러리 없이도 쓸 수 있고, 라이브러리를 언제 찾아 쓸지도 알려 줘요.
- 스킬
- 에이전트에게 디자인 판단 기준을 알려 줘요. 코드는 들어 있지 않고, 계정이 필요 없어요.
- MCP
- 에이전트가 라이브러리에서 조각을 직접 찾아 가져와요. 내 계정의 API 키로 연결해요.
- CLI
- 터미널에서 조각을 찾아 파일로 저장해요. 같은 API 키를 써요.
막히는 곳이 있다면 자주 묻는 질문을 먼저 봐 주세요.