GUIDE
스킬 활용 가이드
ZIP 파일을 받은 뒤 Claude Code에 설치하고, 슬래시 커맨드로 스킬을 호출하는 전체 과정을 단계별로 안내합니다.
01
Claude Code 설치
아직 Claude Code가 없다면 공식 다운로드 페이지에서 먼저 받으세요. macOS/Windows 모두 지원합니다. 설치 후 터미널에서 claude 명령어를 실행해 초기 설정을 완료하세요.
02
스킬 폴더 경로 확인
Claude Code의 사용자 스킬은 아래 경로에 위치합니다:
~/.claude/skills/이 폴더 아래에 스킬 이름과 동일한 서브폴더를 만들어, 그 안에 SKILL.md 파일을 두는 구조입니다.
03
ZIP 압축 풀고 폴더 이동
받은 ZIP을 풀면 아래와 같은 구조가 나옵니다:
wireframe_basic/
├── SKILL.md
└── (추가 레퍼런스 파일들)이 폴더를 통째로 아래 경로로 옮기세요:
mv ~/Downloads/wireframe_basic ~/.claude/skills/Pro 번들을 받으신 경우엔 wireframe_pro, screen-description_pro, policy_pro 세 폴더를 모두 같은 위치에 옮기면 됩니다.
04
Claude Code 재시작
이미 열려있던 Claude Code 창을 모두 닫고 다시 실행하세요. 스킬은 시작 시점에 로드됩니다.
05
슬래시 커맨드로 호출
채팅창에서 아래처럼 입력하면 스킬이 실행됩니다:
/wireframe_basic # 기본 와이어프레임
/wireframe_pro # 카테고리 자동 판별 + 레퍼런스 매칭
/screen-description_pro # 화면 정책(디스크립션) 자동 작성
/policy_pro # 정책집 작성 + QA + Figma 디자인각 스킬은 시작 시 필요한 자료(기획서, IA 차트 등)를 요청합니다. 안내에 따라 자료를 올리면 자동으로 작업이 진행됩니다.
06
Figma 작업 시 사전 준비
와이어프레임/정책집 스킬은 Figma에 직접 디자인을 그립니다. 먼저 Claude Code에 Figma MCP 서버를 연결해두세요. 연결 후 Figma 파일을 열어두고 스킬을 호출하면 됩니다.
07
자주 묻는 질문
스킬을 지우려면 어떻게 하나요?+
~/.claude/skills/ 아래의 해당 폴더를 삭제하면 됩니다.업데이트는 어떻게 받나요?+
새 버전이 나오면 이메일로 안내드립니다. 받은 ZIP을 기존 폴더에 덮어쓰면 업데이트가 완료됩니다.
슬래시 커맨드를 쳐도 반응이 없어요+
(1) 폴더 이름과
SKILL.md 내의 name 필드가 일치하는지 확인, (2) Claude Code 완전 재시작, (3) /doctor 명령으로 상태 점검을 해보세요.한글 폰트가 Figma에 없다는 오류가 나요+
스킬은 Pretendard/Poppins를 우선 쓰고, 없으면 Noto Sans KR로 fallback합니다. 셋 중 하나는 반드시 Figma 계정에 설치되어 있어야 합니다.
추가 문의
사용 중 막히거나 버그가 발견되면 starofleee@gmail.com으로 알려주세요. 보통 24시간 내 답변드립니다.