스킬
스킬은 에이전트에게 디자인 판단 기준을 알려 주는 공개 글 묶음이에요. 계정 없이 npx skills add vyblor/design 한 줄로 설치해요.
설치하기
프로젝트 폴더에서 실행해 주세요. 터미널에서 어떤 에이전트에 설치할지 물어봐요.
npx skills add vyblor/design묻는 말 없이 바로 설치하려면 에이전트를 직접 적어요.
npx skills add vyblor/design --agent claude-code --yesnpx skills add vyblor/design --agent codex --yesClaude Code는 .claude/skills/vyblor에, Codex는 .agents/skills/vyblor에 설치돼요. 프로젝트 폴더에 skills-lock.json 파일도 생겨요.
쓰는 법
평소처럼 화면을 만들어 달라고 부탁하면 돼요. 에이전트가 설명을 보고 스스로 스킬을 읽어요. 이름을 말하면 더 확실해요.
vyblor 스킬로 랜딩 페이지 만들어 줘AI 티가 나는 부분을 찾아서 고쳐 줘무엇이 들어 있나요
에이전트가 따를 순서를 적은 SKILL.md와 참고 문서 여덟 개예요. 글꼴, 색, 여백, 모션, 한국어, 상태, 문구, 라이브러리 쓰는 법을 다뤄요.
글 파일뿐이라 스크립트도, 설치 훅도, 사용량 수집도 없어요. 조각의 코드는 들어 있지 않아요. 조각은 MCP나 CLI로 가져가요.
업데이트와 삭제
npx skills update vyblor --yesnpx skills remove vyblor --yes