요약 슬라이드
빗길 운전 요령 — 스킬 실전 활용
배운 이론을 포트폴리오 프로젝트에 직접 적용해 봅니다. 반복되는 작업을 '스킬'로 만들어 일관성과 효율성을 동시에 잡습니다.
실전: 첫 번째 스킬 (블로그 글 생성)
글을 올릴 때마다 형식을 따로 설명하지 않아도 되도록 스킬을 만듭니다.
1단계: 스킬 파일 생성
Antigravity에 아래와 같이 요청하여 .claude/skills/blog-post.md 파일을 만듭니다.
블로그 글 추가 스킬을 만들어줘.
- 구조: 제목(h2), 날짜(회색), 본문(3줄), 태그(파란 뱃지)
- 스타일: 모서리 12px, 그림자 있음, 여백 24px
- 규칙: 새 글은 항상 맨 위에 추가, 날짜 형식 '2025년 3월 15일'
2단계: 스킬 사용하기
이제 제목만 말해도 정해진 형식으로 글이 생성됩니다.
- 명령:
블로그에 새 글 추가해줘. 제목은 "바이브코딩 시작!"
실전: 더 큰 단위의 스킬들
| 스킬명 | 역할 | 효과 |
|---|---|---|
| 페이지 레이아웃 | 새 페이지의 기본 뼈대 정의 | 헤더 높이, 본문 너비가 모든 페이지에서 일관됨 |
| 다이어그램 스타일 | 시각 자료의 색상/형태 정의 | 어떤 도식화를 그려도 한 가족처럼 보임 |
스킬 작성의 함정 피하기
- 너무 거대한 스킬: "사이트 전체 디자인"처럼 너무 넓게 잡지 말고 기능별로 나누세요.
- 모호한 지시: "적당히" 대신 "최소 280px" 처럼 수치를 제공하세요.
- 방치된 스킬: 만들었으면 바로 테스트하고, 결과가 다르면 즉시 수정하세요.
마일스톤 정리
- 맞춤형 스킬(Blog/Layout) 생성 및 파일 저장 완료
- 한 줄의 명령으로 복잡한 형식 구현 성공
- 프로젝트의 시각적 통일성 및 작업 속도 비약적 향상









