AI 활용법 1탄 · 2026-09-29

연봉 20% 올린 AI 업무 자동화 4가지

스프레드시트 · 리서치 예약 · PPT · 브라우저 자동화, 버튼 하나까지 따라하는 33장 분량 가이드

인스타그램 @tale_ai_class 「연봉 20% 올린 AI 활용법 1탄」을 보고 오셨나요? 게시물 속 화면은 전부 이 글의 프롬프트를 그대로 복사해서 넣은 결과예요. 순서대로 따라 하면 똑같이 만들 수 있어요.

이 글을 읽는 방법

모든 파트는 같은 3단계로 되어 있어요.

  1. 복사 → 붙여넣기: 회색 박스의 프롬프트를 복사 버튼으로 복사해서 ChatGPT나 Claude에 붙여넣어요.
  2. 결과 확인: 캡처와 비교하면서 결과가 제대로 나왔는지 봐요.
  3. 스킬로 저장: 마음에 들면 마지막 프롬프트로 "방금 한 작업"을 스킬로 만들어요. 다음부터는 한 줄이면 끝나요.

0. 시작 전에: 커넥터(MCP) 한 번만 연결하기

AI가 내 구글 시트나 지메일을 직접 만들고 고치려면, 서비스를 연결해두는 과정이 필요해요. 이걸 커넥터(또는 MCP)라고 불러요. 한 번만 연결하면 그다음부터는 "너가 해줘" 한마디로 AI가 직접 작업해요.

ChatGPT에서 연결하기

  1. chatgpt.com 왼쪽 사이드바에서 플러그인을 클릭해요.
  2. 인기 목록에서 Google Drive와 Gmail 오른쪽의 +를 눌러요.
  3. 구글 로그인 창이 뜨면 계정을 고르고 허용을 눌러요.
  4. 위쪽 설치됨에 아이콘이 보이면 완료예요.
ChatGPT 플러그인 화면. 설치됨에 Google Drive, GitHub, Gmail이 보여요
ChatGPT 플러그인 화면. 설치됨에 Google Drive, GitHub, Gmail이 보여요

Claude에서 연결하기

  1. claude.ai 왼쪽 사이드바에서 사용자 지정을 클릭해요.
  2. 위쪽 탭에서 커넥터를 누르고, Google Drive, Gmail 카드의 +를 눌러요.
  3. 구글 로그인 후 허용하면 카드에 체크 표시가 생겨요.
Claude 사용자 지정 → 커넥터. Google Drive에 체크(연결됨) 표시
Claude 사용자 지정 → 커넥터. Google Drive에 체크(연결됨) 표시

주의 커넥터는 AI에게 내 계정 권한을 주는 거예요. 회사 계정은 보안 정책을 먼저 확인하고, 처음엔 개인 계정으로 연습하세요.


1. 스프레드시트 자동화: 엑셀 함수 대신 한마디로

게시물 1번 장면이에요. 카드 지출 내역을 자동으로 분류하고, 대시보드까지 만드는 과정이에요.

1-1. 한 번에 복붙하기 (추천)

ChatGPT를 열고, 입력창 위쪽 Chat / Work 중 Work를 선택한 뒤 아래를 통째로 붙여넣어요. Google Drive가 연결돼 있어야 해요.

구글 시트로 카드 지출 분석 대시보드를 만들어줘. (Google Drive 연결되어 있음)

1) 새 구글 시트를 만들고 '카드내역' 탭에 한 달치 예시 데이터(날짜, 가맹점, 금액)를 60건 정도 넣어줘.
   실제 카드 내역이 아니라 예시 데이터라고 시트 위에 표시해줘.
2) D열에 카테고리(식비/교통/구독/쇼핑/기타)를 가맹점 이름으로 자동 분류해줘.
   새 내역을 붙여넣어도 자동으로 분류되게 수식으로 걸어줘.
3) '대시보드' 탭에 총 지출, 거래 건수, 카테고리별 합계와 비중, 일별 지출 추이 차트를 만들어줘.
4) 같은 데이터로 보는 구글 앱스스크립트 HTML 대시보드(웹앱) 코드도 만들어줘.
   Code.gs, Index.html로 나눠서, 총 지출 · 카테고리 비중 도넛 · 일별 추이 차트가 한 화면에 보이게 예쁘게.
   붙여넣고 배포하는 방법도 단계별로 알려줘.

끝나면 시트 링크를 줘.

게시물 영상에서는 이 내용을 아래 1-2처럼 네 번에 나눠서 입력했어요. 결과를 하나씩 확인하고 싶다면 나눠서 하는 걸 추천해요.

1-2. 단계별로 따라하기

① 코드부터 받아보기

구글 시트 A열에 지출 내역이 있어. B열에 카테고리(식비/교통/구독/쇼핑/기타)를 자동으로 분류해서 채워주는 구글 앱스스크립트 코드 짜줘. 붙여넣고 실행만 하면 되게.
ChatGPT가 "확장 프로그램 → Apps Script에 붙여넣고 실행하면 돼"라며 코드를 써준 화면
ChatGPT가 "확장 프로그램 → Apps Script에 붙여넣고 실행하면 돼"라며 코드를 써준 화면

② "너가 해줘"로 통째로 맡기기

코드를 직접 붙이기 귀찮다면, 그냥 맡기면 돼요.

너가 해줘
생성해서 해줘
너가 해줘 → 생성해서 해줘
너가 해줘 → 생성해서 해줘

Google Drive가 연결 안 돼 있으면 아래처럼 연결 카드가 떠요. 설치를 누르고 구글 계정을 허용하면, ChatGPT가 이어서 시트를 직접 만들어요.

Google Drive 연결 카드 → 설치 후 '지출 내역 자동 분류 구글 시트' 링크가 생성된 화면
Google Drive 연결 카드 → 설치 후 '지출 내역 자동 분류 구글 시트' 링크가 생성된 화면

③ 대시보드 요청하기

카드사에서 엑셀로 받은 지출 내역이라고 가정하고, 한 달치 예시 데이터(날짜·가맹점·금액)를 새 시트에 넣어줘. 카테고리 자동 분류하고, 카테고리별 합계·일별 추이 차트가 있는 지출 대시보드 시트로 만들어줘.
7분 19초 작업 후 '2026년 8월 카드 지출 대시보드 (예시)' 링크가 생성됨
7분 19초 작업 후 '2026년 8월 카드 지출 대시보드 (예시)' 링크가 생성됨

링크를 누르면 이렇게 완성된 시트가 열려요.

카테고리 합계 표, 카테고리별 막대 차트, 일별 추이 차트가 있는 구글 시트 대시보드
카테고리 합계 표, 카테고리별 막대 차트, 일별 추이 차트가 있는 구글 시트 대시보드

④ HTML 대시보드(웹앱)로 한 단계 더

이 시트의 예시 카드내역으로 구글 앱스스크립트 HTML 대시보드(웹앱)도 만들어줘. 총 지출·카테고리별 비중·일별 추이 차트가 한 화면에 보이게 예쁘게 디자인해줘.

ChatGPT가 card-expense-apps-script.zip 파일을 줘요. 안에는 Code.gs, Index.html, 설치 안내(README.md)가 들어 있어요.

ChatGPT가 만든 HTML 대시보드. 총 지출, 거래 건수, 하루 평균, 카테고리 도넛, 일별 추이
ChatGPT가 만든 HTML 대시보드. 총 지출, 거래 건수, 하루 평균, 카테고리 도넛, 일별 추이

1-3. 받은 코드를 시트에 붙이는 법 (클릭 순서)

  1. 구글 시트를 열고 상단 메뉴 확장 프로그램을 클릭해요.
  2. Apps Script를 클릭하면 새 탭에 코드 편집기가 열려요.
구글 시트 상단 메뉴 → 확장 프로그램 → Apps Script
구글 시트 상단 메뉴 → 확장 프로그램 → Apps Script
  1. 왼쪽 파일 목록의 Code.gs 내용을 전부 지우고(Ctrl + A → Delete), 받은 Code.gs 내용을 붙여넣어요(Ctrl + V).
  2. 파일 목록 옆 + → HTML을 눌러 이름을 Index로 만들고, 받은 Index.html 내용을 붙여넣어요.
  3. 위쪽 저장(디스크 아이콘)을 눌러요.
  4. 오른쪽 위 배포 → 새 배포를 클릭해요.
  5. 톱니바퀴에서 유형을 웹 앱으로 고르고, 액세스 권한을 나만으로 둔 채 배포를 눌러요.
  6. 처음 한 번은 액세스 승인 → 계정 선택 → 허용이 나와요.
  7. 나온 웹 앱 URL을 열면 대시보드가 보여요. 북마크해두세요.

꼭 지켜주세요 - 카드사·은행 사이트는 자동화하지 마세요. 보안 위험이 있고 약관 위반일 수 있어요. 카드 내역은 카드사 앱이나 홈페이지에서 직접 엑셀로 다운로드해서 시트에 붙이고, 그다음부터 AI에게 맡기세요. - 실제 내역을 넣기 전에 예시 데이터로 먼저 돌려보세요. - 웹 앱 액세스는 나만으로 두세요. 모든 사용자로 하면 링크를 아는 누구나 내 지출을 볼 수 있어요.

1-4. Claude로 하기

Claude는 대시보드를 아티팩트(대화 오른쪽에 뜨는 웹 화면)나 엑셀 파일로 바로 만들어줘요. 카드사에서 받은 엑셀을 입력창에 끌어다 놓고 붙여넣으세요.

첨부한 카드 지출 내역 엑셀을 분석해줘.
1) 가맹점 이름으로 카테고리(식비/교통/구독/쇼핑/기타)를 분류하고
2) 총 지출, 거래 건수, 카테고리별 합계와 비중, 일별 지출 추이를 한 화면에 보여주는 대시보드를 아티팩트로 만들어줘.
3) 분류 결과와 요약 표가 들어간 xlsx 파일도 같이 줘.

1-5. 스킬로 저장하기

결과가 마음에 들면, 같은 대화창에 이어서 붙여넣어요.

방금 우리가 한 작업을 다음에도 똑같이 반복할 수 있게 스킬로 만들어줘.
- 스킬 이름: card-expense-dashboard
- 언제 쓰는지: "카드 내역 대시보드 만들어줘", "지출 분류해줘"라고 할 때
- 단계별 절차: 시트 생성 → 카테고리 자동 분류 → 대시보드 탭 → HTML 웹앱 코드
- 내가 준 조건과 결과물 형식, 중간에 막혔던 부분과 해결 방법도 넣어줘
SKILL.md 형식으로 만들고, 폴더째 zip 파일로 줘.

만든 스킬을 등록하는 곳은 아래 5. 스킬 설치하기를 봐주세요.

내 회사 엑셀·시트에 맞춘 자동화, 1:1로 같이 만들어 드려요1:1 과외 알아보기 →

2. 리서치 예약: 매일 아침 뉴스레터가 메일함에

매번 채팅으로 같은 조사를 시키고 있다면 예약 기능으로 한 번만 설정하세요. 정해진 시간에 AI가 알아서 조사하고 Gmail로 보내줘요. AI들을 굴리는 팀장님이 되는 경험이에요.

2-1. 한 번에 복붙하기

Gmail 커넥터(0번)를 먼저 연결하고, ChatGPT에 붙여넣어요. [ ] 안만 내 주제로 바꾸면 돼요.

매일 아침 8시에 [베이커리/카페] 트렌드를 조사해서 HTML 리포트로 정리하고, 내 Gmail로 보내줘.

형식:
- 모바일에서 보기 좋은 HTML 뉴스레터
- 맨 위: 날짜, 제목, 오늘의 한 줄 요약(TODAY'S SIGNAL)
- 트렌드 5~7개를 카드 형태로. 카드마다 "무슨 일인지 → 왜 중요한지 → 바로 적용할 아이디어"
- 각 카드 아래 출처 링크
- 맨 아래: 이번 주에 테스트해볼 것 1개, 체크포인트 5개
- 전날과 겹치는 내용은 줄이고 새로 확인된 변화 위주로
ChatGPT가 "설정됐어"라며 예약 내용을 정리해준 화면
ChatGPT가 "설정됐어"라며 예약 내용을 정리해준 화면

2-2. 예약 확인·수정하기

  1. ChatGPT 왼쪽 사이드바에서 예약을 클릭해요. (바로가기: chatgpt.com/scheduled)
  2. 등록된 작업과 다음 실행 시간이 보여요. 누르면 시간 변경, 일시정지, 삭제를 할 수 있어요.
ChatGPT 예약 화면. 매일/매시간 실행되는 작업과 추천 예약 목록
ChatGPT 예약 화면. 매일/매시간 실행되는 작업과 추천 예약 목록

2-3. 결과: 매일 아침 도착하는 뉴스레터

다음 날 아침 8시, 이런 메일이 도착해요. 게시물에 나온 실제 메일이에요.

실제로 받은 '베이커리·카페 트렌드 리포트' HTML 뉴스레터
실제로 받은 '베이커리·카페 트렌드 리포트' HTML 뉴스레터

이런 주제에도 써보세요 우리 업계 뉴스 · 경쟁사 동향 · 채용 공고 모니터링 · 관심 종목과 환율 요약 · 정부지원사업 신규 공고

2-4. Claude로 하기

Claude에도 같은 예약된 작업 기능이 있어요.

  1. claude.ai 왼쪽 사이드바에서 예약됨을 클릭해요.
  2. 오른쪽 위 새 작업을 누르거나, 아래 추천 템플릿(일일 브리핑, 주제 모니터링 등)을 골라요.
  3. 할 일에 2-1 프롬프트를 붙여넣고, 반복 주기(매일/평일/매주)와 시간을 정해요.
Claude 예약된 작업 화면. 새 작업 버튼과 추천 템플릿
Claude 예약된 작업 화면. 새 작업 버튼과 추천 템플릿

Gmail 커넥터를 연결해두면 조사 결과를 메일 초안으로 정리해달라고 할 수도 있어요.

2-5. 스킬로 저장하기

방금 설정한 트렌드 뉴스레터를 스킬로 만들어줘.
- 스킬 이름: daily-trend-letter
- 입력: 주제, 받는 시간
- 뉴스레터 HTML 구조(헤더, 오늘의 한 줄, 트렌드 카드, 이번 주 테스트, 체크포인트)와 디자인 규칙을 그대로 넣어줘
- 주제만 바꿔서 새 예약을 만들 수 있게
SKILL.md 형식으로, 폴더째 zip 파일로 줘.

3. PPT: 네모박스 PPT 탈출하기

"PPT 만들어줘"만 하면 AI는 무난한 기본 템플릿을 고르고 글을 네모 안에 나열해요. 디자인 기준을 안 줬기 때문이에요. 아래는 제가 AI로 만든 강의 슬라이드 일부예요. 디자인 시스템을 주면 이 정도까지 나와요.

AI로 만든 강의 슬라이드 12장 (본문은 블러 처리)
AI로 만든 강의 슬라이드 12장 (본문은 블러 처리)

3-1. 꿀팁 ①: 디자인 시스템을 먼저 붙여넣기

색, 폰트, 여백, 도식 규칙을 먼저 알려주면 모든 장이 같은 톤으로 나와요. 이 블록을 프롬프트 맨 앞에 붙이세요.

[디자인 시스템]
- 캔버스 16:9, 흰 배경
- 강조색은 파랑 한 가지(#2563eb), 나머지는 회색 계열만
- 폰트: Pretendard. 제목 굵게 40px 안팎, 본문 20px 안팎
- 한 장에 메시지 하나. 제목은 "주장하는 한 문장"으로
- 글 나열 대신 도식을 우선: 흐름도, 비교표, 2x2 매트릭스, 큰 숫자 카드, 타임라인
- 모든 장의 제목 위치, 여백, 페이지 번호 위치를 같게

더 좋은 방법: 잘하는 회사의 실제 디자인 시스템을 첨부하기

규칙을 말로 설명하는 것보다, 디자인 잘하는 회사가 직접 공개한 디자인 시스템 파일을 첨부하는 게 훨씬 정확해요. 아래는 제가 슬라이드를 만들 때 실제로 첨부한 파일이에요.

회사 첨부할 자료 받는 곳 라이선스·주의
당근 SEED 디자인 시스템 (색 역할, 팔레트, 타이포, 간격, 라디우스) seed-design.io · AI용 텍스트 · GitHub Apache-2.0. 상업 사용 가능
토스 TDS 컬러 토큰 TDS 컬러 문서 · 브랜드 센터 라이선스 명시 없음. 색 참고용으로만
배민 무료 글꼴(한나체, 도현체, 주아체 등) + 공식 사이트 색 우아한형제들 글꼴 글꼴은 SIL OFL 1.1, 프레젠테이션 사용 가능. 공개 디자인 시스템은 없음
맥킨지 공개 보고서 PDF (The State of AI 2026) McKinsey 보고서 페이지 → 페이지의 PDF 다운로드 재배포 금지. 내가 받아서 첨부만. 로고·차트는 쓰지 말고 스타일만
정부 (KRDS) 디지털 정부 서비스 UI/UX 가이드라인 (색, 타이포, 간격, 모서리 토큰) krds.go.kr · GitHub 공공누리 제1유형. 출처 표시하면 상업 사용·변경 가능
IBM Carbon Design System carbondesignsystem.com Apache-2.0
GitHub Primer primer.style · primitives MIT
G마켓 Gmarket Design System, G마켓 산스 gds.gmarket.co.kr 디자인 시스템 구경용으로 좋아요
공통 Pretendard 폰트 GitHub SIL OFL 1.1, 무료

쿠팡, 29CM, 무신사, 오늘의집은 공개된 디자인 시스템이 없어요(2026년 9월 확인).

바로 쓸 수 있게 정리한 파일도 받아가세요. 당근은 SEED 공식 문서를 한 파일로 묶은 거예요.

당근 SEED 디자인 시스템 (md)

토스 TDS 컬러·타이포 토큰 (md)

배민 스타일 참고 (md)

KRDS 토큰 (md)

IBM Carbon 토큰 (md)

GitHub Primer 토큰 (md)

첨부하는 법 (Claude Design 기준)

  1. 받은 파일을 입력창에 끌어다 놓거나, 입력창 왼쪽 +를 눌러 올려요.
  2. 입력창 아래에 파일 카드가 생기면 첨부된 거예요.
  3. 아래처럼 "첨부 파일의 값을 그대로 써줘"라고 말해요.
직장인 대상 'AI로 반복 업무 자동화하기' 사내 공유용 발표 슬라이드 5장 만들어줘.

첨부한 파일은 당근 SEED 디자인 시스템 공식 파운데이션 문서야(색상 역할, 팔레트, 타이포그래피, 간격, 라디우스).
이 문서의 토큰 값을 그대로 써줘:
- 브랜드 색은 $color.bg.brand-solid (carrot-600 #ff6600), 연한 배경은 carrot-100 (#fff2ec)
- 글자·배경·선은 문서의 fg / bg / stroke 역할 색만 사용
- 폰트 크기·굵기, 간격, 모서리 둥글기도 문서의 스케일에서 골라서
- 당근 로고나 캐릭터는 넣지 말고, 디자인 규칙만 적용
- 한 장에 메시지 하나, 카드와 큰 숫자로 한눈에 보이게

같은 내용, 디자인 시스템만 바꿔 보면

내용은 똑같은 5장(표지 / 반복 업무에 쓰는 시간 / 자동화하기 좋은 업무 / 자동화 4단계 / 이번 주에 해볼 일)이에요. 첨부한 디자인 시스템만 바꿨어요.

당근 SEEDClaude Design + SEED 공식 문서 첨부
당근 SEED 표지당근 SEED 2장당근 SEED 4장
맥킨지 보고서Claude Code + slide-deck 스킬, 공개 보고서 PDF의 색·차트·제목 규칙 적용
맥킨지 스타일 표지맥킨지 스타일 Exhibit 1맥킨지 스타일 Exhibit 3
토스 TDSClaude Code + slide-deck 스킬, TDS 컬러·타이포 토큰 적용
토스 스타일 표지토스 스타일 2장토스 스타일 4장
배민Claude Code + slide-deck 스킬, 한나체 Pro + baemin.com 색 적용
배민 스타일 표지배민 스타일 2장배민 스타일 4장
KRDS (정부 디자인 시스템)Claude Code + slide-deck 스킬, KRDS 공식 토큰 적용
KRDS 표지KRDS 2장KRDS 4장
IBM CarbonClaude Code + slide-deck 스킬, Carbon 공식 토큰 적용
Carbon 표지Carbon 2장Carbon 4장
GitHub PrimerClaude Code + slide-deck 스킬, Primer 공식 토큰 적용
Primer 표지Primer 2장Primer 4장

KRDS 버전: 본 저작물은 행정안전부에서 2024년 작성하여 공공누리 제1유형으로 개방한 '범정부 UI/UX 디자인시스템(KRDS)'을 이용하였으며, 해당 저작물은 'KRDS 디자인시스템 홈페이지(www.krds.go.kr)에서 무료로 다운받으실 수 있습니다. · 당근 SEED(Apache-2.0), IBM Carbon(Apache-2.0), GitHub Primer(MIT)의 공개 토큰을 사용했고, 각 회사 로고와 상표는 쓰지 않았어요.

직접 열어보고 싶다면 PPTX로 받아가세요.

맥킨지 스타일 (pptx)

토스 스타일 (pptx)

배민 스타일 (pptx)

KRDS 스타일 (pptx)

Carbon 스타일 (pptx)

Primer 스타일 (pptx)

주의 폰트와 색은 가져다 써도 되지만, 회사 로고나 캐릭터는 넣지 마세요. 그 회사 공식 자료처럼 보일 수 있어요.

3-2. 꿀팁 ②: 컨설팅 보고서처럼 쓰게 하기

컨설팅 보고서가 깔끔해 보이는 건 디자인보다 쓰는 규칙 덕분이에요. 이 규칙을 AI에게 그대로 주면 "보고서다운" PPT가 나와요.

원칙 한 줄 설명
액션 타이틀 제목을 "매출 현황" 같은 이름표가 아니라 "비용이 매출보다 2배 빨리 늘고 있다"처럼 결론 문장으로
제목만 읽어도 이야기 모든 장의 제목만 이어 읽어도 전체 주장이 이해되게
피라미드 원칙 결론을 맨 위에 먼저, 그 아래에 근거를 묶어서
SCQA 상황 → 문제 → 질문 → 답 순서로 이야기를 시작
MECE 근거는 겹치지 않고 빠짐없이 나누기
고스트 덱 내용 채우기 전에 제목과 빈 차트 자리만 있는 초안부터

복붙용 프롬프트

너는 전략 컨설팅사 시니어 컨설턴트야. 아래 규칙으로 [주제] 보고서형 PPT 초안을 만들어줘.
1. 먼저 슬라이드 제목만 10개 뽑아서 보여줘(고스트 덱). 제목만 이어 읽어도 결론이 이해돼야 해.
2. 모든 제목은 "무엇에 대한 슬라이드"가 아니라 결론 문장으로, 숫자를 넣어 두 줄 이내로 써.
3. 첫 장은 SCQA(상황, 문제, 질문, 답) 순서의 요약 1장, 결론을 맨 앞에 둬(피라미드 원칙).
4. 한 슬라이드에는 메시지 하나만, 근거는 겹치지 않고 빠짐없이(MECE) 3개 이내로 묶어.
5. 차트가 필요하면 차트 종류와 강조할 숫자 하나를 지정하고, 아래에 데이터 출처 자리를 남겨.
6. 모르는 숫자는 지어내지 말고 [확인 필요]라고 표시해.
7. 디자인은 흰 배경, 강조색 하나, 폰트는 Pretendard로 통일해.

실물 보고서를 첨부하면 더 정확해요. 맥킨지가 공개한 The State of AI 2026 보고서 PDF를 받아 첨부하고, "이 보고서의 차트(Exhibit) 스타일과 제목 쓰는 방식을 따라줘"라고 하면 돼요. 보고서 속 차트마다 결론형 제목이 붙어 있어 좋은 교과서예요.

더 공부하고 싶다면

자료 링크
피라미드 원칙 (저자 공식 사이트) barbaraminto.com
『논리의 기술』 바바라 민토 (한국어판) 교보문고
『맥킨지, 차트의 기술』 진 젤라즈니 YES24
액션 타이틀 쓰는 법 SlideScience
컨설팅사 공개 발표자료 모음 Analyst Academy
베인 기술 보고서 Bain Technology Report

인터넷에 도는 "유출된 컨설팅 제안서"는 쓰지 마세요. 회사가 직접 공개한 보고서만 참고하세요.

3-3. 꿀팁 ③: Claude Design으로 만들기

  1. claude.ai/design에 접속해요. (Claude 유료 플랜)
  2. 아래 CHOOSE A TEMPLATE에서 Slides를 골라요.
  3. 입력창 아래 Design system 버튼을 눌러 적용할 디자인 시스템을 골라요.
Claude Design 첫 화면. 입력창 아래 Design system, 템플릿 목록
Claude Design 첫 화면. 입력창 아래 Design system, 템플릿 목록
  1. 프롬프트를 붙여넣고 오른쪽 주황색 ↑ 버튼을 눌러요.
직장인 대상 'AI로 반복 업무 자동화하기' 사내 공유용 발표 슬라이드 5장 만들어줘. 선택한 디자인 시스템 그대로 적용해줘.
Design system을 고르고 프롬프트를 넣은 상태
Design system을 고르고 프롬프트를 넣은 상태
  1. 오른쪽 캔버스에 슬라이드가 한 장씩 채워져요. 고칠 부분은 왼쪽 채팅에 말하면 돼요.
  2. 오른쪽 위 Share → Export에서 PDF 또는 PPTX로 받아요.
Claude Design 결과. 왼쪽 썸네일, 가운데 슬라이드
Claude Design 결과. 왼쪽 썸네일, 가운데 슬라이드

비교 같은 요청을 디자인 기준 없이 ChatGPT에 그냥 넣었을 때는 이렇게 나왔어요. 나쁘진 않지만, 디자인 시스템을 준 쪽이 훨씬 "우리 회사 자료"처럼 보여요.

디자인 기준 없이 만든 PPT
디자인 기준 없이 만든 PPT

3-4. 꿀팁 ④: 슬라이드 제작 스킬 쓰기

실제 .pptx 파일이 필요하면 pptx 스킬을 쓰세요. Claude 유료 플랜에는 이미 들어 있어서 "pptx 파일로 만들어줘"라고 하면 돼요.

제가 강의 자료를 만들 때 쓰는 slide-deck 스킬도 공유해요. 기획(개요 확인) → 디자인 시스템 → HTML 슬라이드 → 자동 QA → 캡처 → PPTX 조립까지 한 번에 하는 스킬이에요.

slide-deck 스킬 받기 (zip)

설치는 아래 5. 스킬 설치하기를 봐주세요.

3-5. 스킬로 저장하기

방금 만든 슬라이드의 디자인 규칙(색, 폰트, 레이아웃, 도식 방식)을 우리 회사 발표자료용 스킬로 만들어줘.
- 스킬 이름: our-deck-style
- 새 발표자료를 만들 때 이 규칙을 자동으로 적용하게
- 표지, 목차, 본문, 비교, 결론 장의 레이아웃 예시를 포함해줘
SKILL.md 형식으로, 폴더째 zip 파일로 줘.
우리 팀 디자인 시스템으로 PPT 뽑는 세팅까지, 과외에서 같이 해요1:1 과외 알아보기 →

4. 브라우저 자동화: 내가 하던 클릭을 AI에게

웹사이트에서 반복하던 조회, 복사, 정리를 AI가 브라우저를 직접 조작해서 해줘요. 로그인, 가입만 빼면 대부분 할 수 있어요.

도구 어디서 특징
ChatGPT 클라우드 브라우저 ChatGPT Work 모드 설치 없이 바로. 사이트마다 접근 허용을 물어봐요
Claude in Chrome 크롬 확장 프로그램 내 크롬에서 직접 클릭·입력 (Claude 유료 플랜)
Playwright MCP Claude Code, Cursor 등 별도 브라우저를 띄워 매번 똑같이 반복

4-1. ChatGPT로 바로 해보기

  1. ChatGPT 입력창 위 Work를 선택해요.
  2. 아래 프롬프트를 붙여넣어요.
브라우저로 구글 파이낸스 들어가서 오늘 달러, 엔, 유로 원화 환율 확인하고 표로 정리해줘
  1. "클라우드 브라우저로 ○○에 액세스하도록 허용할까요?" 창이 뜨면 이 채팅에서만 허용을 눌러요. (관련 사이트 모두 허용보다 안전해요)
접근 허용 창. '이 채팅에서만 허용' 버튼
접근 허용 창. '이 채팅에서만 허용' 버튼
  1. 몇 분 뒤 결과가 표로 정리돼요.
구글 파이낸스에서 확인한 달러·엔·유로 환율 표
구글 파이낸스에서 확인한 달러·엔·유로 환율 표

4-2. Claude in Chrome 설치하기

  1. 크롬 웹스토어의 Claude 페이지를 열어요.
  2. Chrome에 추가 → 확장 프로그램 추가를 눌러요.
  3. 크롬 오른쪽 위 퍼즐 아이콘 → Claude 옆 핀을 눌러 고정해요.
  4. Claude 아이콘을 눌러 로그인하고, 사이드 패널에서 할 일을 말하면 돼요.

은행, 회사 관리자 페이지 같은 민감한 사이트는 확장 프로그램 설정에서 사이트 권한을 막아두세요. Claude in Chrome은 내 로그인 상태 그대로 움직여요.

4-3. Playwright MCP (Claude Code 사용자)

터미널에서 한 줄이면 설치돼요.

claude mcp add playwright npx @playwright/mcp@latest
microsoft/playwright-mcp 저장소
microsoft/playwright-mcp 저장소

Playwright는 내 크롬과 분리된 별도 브라우저를 써요. 내 로그인이 필요 없는 반복 조회에 좋아요.

4-4. 스킬로 저장하기

방금 브라우저로 한 조회 작업을 스킬로 만들어줘.
- 스킬 이름: daily-fx-check
- 방문한 사이트, 클릭 순서, 뽑은 값, 표 형식을 그대로 기록해줘
- 로그인이나 결제가 필요한 화면이 나오면 멈추고 나한테 물어보게
SKILL.md 형식으로, 폴더째 zip 파일로 줘.

5. 스킬 설치하기 (만든 스킬, 받은 스킬 모두)

스킬은 "이런 일은 이렇게 해"라는 작업 설명서예요. 한 번 등록해두면 AI가 필요할 때 알아서 꺼내 써요.

Claude (웹·앱)

  1. claude.ai 사이드바 사용자 지정 → 스킬로 가요.
  2. 오른쪽 위 + 추가 → 스킬 만들기 → 스킬 업로드를 눌러요.
  3. 받은 zip 파일을 올리면 끝이에요.
Claude 사용자 지정 → 스킬 화면
Claude 사용자 지정 → 스킬 화면

처음이라면 설정 → 기능에서 "코드 실행 및 파일 생성"이 켜져 있어야 해요.

Claude Code (터미널)

Anthropic 공식 스킬(pptx, xlsx, docx, pdf 등)을 한 번에 설치해요.

/plugin marketplace add anthropics/skills
/plugin install document-skills@anthropic-agent-skills

받은 zip 스킬은 압축을 풀어 ~/.claude/skills/ 폴더에 넣으면 돼요.

ChatGPT

ChatGPT 사이드바 플러그인 화면 위쪽의 스킬 탭에서 관리해요.

더 많은 스킬 구경하기

이름 링크 설명
Anthropic 공식 스킬 github.com/anthropics/skills pptx, xlsx, docx, pdf, frontend-design 등 공식 스킬
awesome-claude-skills github.com/ComposioHQ/awesome-claude-skills 커뮤니티 스킬 모음. 설치 전 내용을 꼭 확인하세요
anthropics/skills 저장소
anthropics/skills 저장소

마무리: 내 업무에 맞게 세팅하고 싶다면

오늘 가이드는 1탄이에요. 따라 하다 막히거나, 내 업무에 딱 맞게 자동화를 만들고 싶다면 같이 만들어요.

tale AI tutoring

따라 하다 막혔나요? 내 업무에 맞게 1:1로 같이 만들어요