바이브코딩 · CLAUDE CODE · 6장 · 목차
실습으로 배우는 바이브코딩 with 클로드코드 · 6장

6장 — 디자인 적용과 문서 작업

이 장의 결과물 — 코드 없이 만든 워드·엑셀·PPT와, 뭘 만들든 같은 톤을 내주는 내 디자인 규칙. 먼저 DESIGN.md와 뷰룸으로 내 디자인 기준을 세우고, MCP로 Claude의 손이 닿는 범위를 넓힌 뒤, 문서 스킬로 워드·엑셀·PPT까지 뽑아냅니다. 도구: MCP · 문서 스킬 4종 · DESIGN.md · 뷰룸.

DECK 1

design.md + 뷰룸

getdesign.kr·designmd.ai에서 DESIGN.md를 받아 디자인 규칙을 세우고 — 그 규칙으로 컴포넌트(부품)를 설계해 뷰룸(components.html)에 진열. 뭘 만들든 같은 브랜드로.

10 슬라이드 →
DECK 2

MCP 연결

Claude는 담장 안만 본다 — MCP는 다른 프로그램과 교류하는 통로. claude mcp add 한 줄로 연결, 6개 대표 MCP 카탈로그, 읽기/쓰기 권한 감각, 서브에이전트(사람)와 MCP(도구)의 차이까지.

7 슬라이드 →
DECK 3

문서 스킬 (DOCX·XLSX)

공식 문서 스킬을 /plugin 두 줄로 설치 — 2장 자기소개를 워드·PDF로, 정리해 둔 목록을 수식 든 엑셀로 변환. 도구 다이어트 원칙까지.

11 슬라이드 →
DECK 4

PPT 파이프라인

PPT는 한 번에 만들지 않는다 — md 초안으로 내용 확정 → 무디자인 PPT로 배치 확인 → DESIGN.md 적용해 완성. 언제든 다시 돌릴 수 있는 3단계 파이프라인.

9 슬라이드 →