제안서를 발표 자료로
공모 사업은 서류 심사 뒤에 10분 안팎의 발표평가가 붙는 일이 많습니다. 제안서를 처음부터 다시 요약할 필요는 없습니다. 제안서 파일을 그대로 건네고 슬라이드를 받습니다. 이 절에서는 위니브가 발표 자료를 만들 때 쓰는 html-slides Skill로 4장 제안서를 발표 자료 14장으로 바꾸고, 같은 대화에서 10분 대본까지 받습니다.
결과는 HTML 파일 하나입니다. 브라우저에서 방향키로 넘기며 발표하고, P를 누르면 한 장이 한 쪽인 PDF가 됩니다.
위니브는 이렇게 씁니다
8월에 공모 준비 흐름을 샘플 사업 하나로 처음부터 끝까지 다시 해 봤습니다. 공고를 읽고 35쪽 제안서를 쓰게 한 뒤, 저는 제안서를 읽고 고칠 곳 다섯 가지를 말로 적었습니다. 예를 들면 이런 문장입니다.
추진 방향은 Agent형 AI 업무 자동화와 AI를 활용한 앱을 만드는 2개의 트랙으로 구성되면 좋을 것 같네.
업무 혁신을 이룰려고 하는 그룹과 바이브 코딩을 해서 원하는 웹이나 앱을 만들려고 하는 그룹 2개로 말이야.
고친 제안서가 나오자 마지막에 한 줄을 붙였습니다.
이 제안서를 기반으로 발표자료와 발표자료 대본을 작성해줘.

35쪽 제안서가 19장 발표 자료와 15분 대본이 되었습니다. 그림의 장 제목을 보면 "제주가 직면한 네 가지 과제에서 출발합니다"처럼 모두 문장입니다. 제목만 읽어도 제안의 줄거리가 나오게 하라는 것이 이 Skill의 규칙입니다. 제가 한 일은 방향을 고쳐 말한 것과 결과를 보고 낼지 정한 것이었습니다. 이 샘플 묶음은 『Claude Skill 에센셜』 2.1 위니브 일하는 방식에서 PDF로 받아 볼 수 있습니다.
발표 Skill이 처음부터 이 모양은 아니었습니다. 4월에는 회사 로고와 조직도를 SVG로 그려 넣고 PPTX 파일을 만드는 발표 Skill을 먼저 만들어 봤습니다. 지금 쓰는 html-slides는 위니브의 실제 교육 제안서 덱 34장에서 색·글자 크기·카드 같은 부품을 뽑아 만든, HTML 한 파일짜리 슬라이드입니다.
받을 Skill과 안에 든 것
html-slides.zip을 1장에서 한 대로 올립니다. 위니브가 쓰는 원본에서 민감한 정보만 바꿨습니다.
| 들어 있는 것 | 하는 일 | 책에 실으며 바꾼 것 |
|---|---|---|
SKILL.md | 작업 순서, 회사 표준(1920×1080 무대, 블루 한 가지, 제목은 결론 문장, 한 장에 메시지 하나), 검증 방법 | 그림 안내 세 곳을 샘플 그림에 맞게 고침. company-info Skill을 먼저 읽는 절을 더함 |
assets/template.html | 슬라이드 엔진(넘기기·전체 화면·꼬리말·인쇄)과 15가지 장 예시 | 로고 그림을 글자 로고로. 연락처, 고객 이름, 참고 견적 금액, 발주 기관 행사 이름을 샘플로 |
assets/brand.md | 회사 소개, 브랜드 색, 교육 방법, 견적 기준 같은 사실 자료 | 대표자·전화·주소, 강사 명단, 고객 이름, 견적 금액을 샘플로 |
assets/images/ | 원본: 강사 사진 10명, 강의실·행사 사진, 플랫폼 화면, 전자책 표지, 수강생 결과물, QR, 로고(61개) | 모두 빼고 코드로 그린 샘플 그림 5개로 바꿈 |
assets/reference/ | 원본: 실제 제안서 덱 PDF 34장 | 고객과 실적이 들어 있는 내부 자료라 뺌 |
샘플 그림은 강의실, 플랫폼 화면, 결과물, 보고서 표지, 인물 자리입니다. 그림마다 '샘플' 표시가 있어서 그대로 발표에 쓰면 티가 납니다. 실제 사진으로 바꿔 쓰라는 뜻입니다.
준비물
- Skill: html-slides.zip. 2장의 company-info Skill도 켜 두면 회사 이름과 연락처를 거기서 가져옵니다.
- 제안서: 4장에서 만든 제안서 파일(HTML 또는 PDF). 4장을 건너뛰었다면 practice-ch7-proposal.pdf를 받습니다. 4장과 같은 가상 공고(제주다온일자리센터 재직자 AI 업무 활용 교육)로 만든 A4 6쪽 제안서입니다. 아래 그림과 숫자는 이 6쪽 제안서로 만든 결과라, 4장 2절에서 만든 제안서(12쪽, 예산 합계 8,910,000원)를 넣으면 예산 장의 숫자가 다르고 장 구성도 이 그림과 다를 수 있습니다.
요청하기
새 대화를 열고 제안서를 첨부한 뒤 아래 문장을 붙여 넣습니다. 무료 계정은 사용 한도가 작으니 4장 대화에 이어 쓰지 말고 새 대화에서 시작합니다.
첨부한 제안서로 발표평가용 발표 자료를 만들어 줘. 10분 발표야.
숫자는 제안서 그대로 쓰고, 마지막에 제안서와 슬라이드의 숫자를 대조한 표를 보여 줘.
Skill은 먼저 장마다 "이 장이 말하는 한 문장"을 정하고, 템플릿의 15가지 장 가운데 맞는 모양을 골라 내용을 바꿔 넣습니다. 다 만든 뒤에는 장마다 글자가 화면 밖으로 넘치지 않는지 스스로 검사합니다.
결과

Claude Code(Sonnet)로 위 요청을 그대로 넣어 받은 14장입니다. 흐름은 표지 → 목차 → 사업 개요 → 추진 배경 → 과업 대응 → 교육 구성 → 회차 진행 → 교재·홍보 → 인력 → 일정 → 성과 → 기대효과 → 예산 → 마무리로, 제안서 목차 순서를 그대로 따랐습니다. 마지막 장의 연락처에는 (샘플)이 붙어 있습니다. 제안서에 있던 샘플 값을 그대로 옮긴 것입니다.

제안서의 표 한 장이 카드 네 장과 합계 줄이 되었습니다. 제목 "4회 × 4시간 = 16시간, 실습 비율 75%"가 이 장의 결론이고, 평가위원이 확인할 공고 기준(실습 70% 이상)을 제목 아래에 붙였습니다.
Claude는 슬라이드와 함께 숫자 대조표를 보여 줬습니다. 교육 일정, 인원, 실습 비율, 성과 목표, 예산 항목별 금액까지 23줄이고 모두 일치했습니다. 예산은 항목 합 8,181,818원에 부가세 818,182원을 더하면 9,000,000원이라고 직접 다시 계산해 적었습니다. 제안서에서 '(작성 필요)'로 비어 있던 유사 교육 수행 실적은 슬라이드에서 빼고, "평가에서 실적을 물으면 약점이 될 수 있으니 채워 넣으라"고 따로 알렸습니다.
대본도 같은 대화에서
발표 자료를 받은 대화에 이어서 아래 문장을 보냅니다.
이 발표 자료로 10분 발표 대본도 써 줘. 장마다 말할 문장과 걸리는 시간을 적어 줘.
시험에서는 1분이 안 되어 대본 파일(마크다운)이 나왔습니다. 14장마다 말할 문장과 걸리는 시간, 누적 시간이 있고 합계는 9분 5초였습니다. 질문이나 장 전환에 쓸 시간을 1분 가까이 남긴 것입니다. 말하는 속도는 분당 약 300자로 잡았다고 밝혔고, 소리 내어 읽어 시간을 재 보지는 않았으니 한 번 리허설해 보라고 했습니다. 예상 질문 대비도 붙었는데, 여기서도 비어 있는 실적을 먼저 짚었습니다.
확인할 것
- 숫자 대조표: 대조표에서 예산 합계, 총 시간, 실습 시간, 인원 네 줄만은 제안서를 펴 놓고 직접 봅니다. 다르면 "대조표에서 다른 숫자를 제안서에 맞춰 고쳐 줘"라고 합니다.
- 제목: 방향키로 넘기며 제목만 읽어 봅니다. "교육 구성"처럼 명사로 끝난 장이 있으면 결론 문장으로 바꿔 달라고 합니다.
- 빠진 것: 제안서에 있는데 슬라이드에 없는 항목이 있는지, Claude의 답변에서 '뺀 것' 목록을 봅니다. 이번에는 비어 있던 실적이 빠졌습니다.
- 샘플 표시: 왼쪽 위 로고는 글자
weniv이고, 마지막 장 연락처에는(샘플)이 붙습니다. company-info Skill에 우리 회사 정보를 넣어 두었다면 그 값이 나옵니다. - PDF: 받은 HTML을 크롬이나 엣지로 열고 P(또는 Ctrl+P) → 대상 'PDF로 저장', 여백 '없음', '배경 그래픽' 켜기. 미리보기에서 한 장이 한 쪽으로 나오는지 봅니다.
우리 회사로 바꾸려면
- 회사 정보: company-info Skill의
company.md를 우리 회사 것으로 고쳐 두면 회사 이름·연락처는 따로 고칠 것이 없습니다. - 회사 소개 자료: 회사 소개 장을 자주 쓴다면 ZIP을 풀어
assets/brand.md의 '숫자로 보는 위니브', 고객 목록, 교육 방법 같은 절을 우리 회사 내용으로 바꾸고 다시html-slides폴더째 압축해 올립니다. - 로고: 로고 그림 파일을 첨부하고 "html-slides Skill의 글자 로고를 이 로고 그림으로 바꿔서 Skill을 다시 묶어 줘"라고 하면 됩니다. 원본 Skill도 로고 그림을 템플릿 안에 넣어 두는 방식이었습니다.
- 사진: 강의실·행사 사진을
assets/images/에 넣고INDEX.md에 파일 이름과 내용을 한 줄씩 적습니다. Skill은 그림을 쓰기 전에 이 목록을 먼저 읽습니다. 사진이 열 장을 넘으면 폭 1200px 정도로 줄여 넣으라고 Skill에 적혀 있습니다. - 색:
template.html맨 위:root에서--blue로 시작하는 값 다섯 개를 바꾸면 슬라이드 전체 색이 바뀝니다(메인--blue하나만 바꾸면 진한 단계는 파랑으로 남습니다). 원본 규칙은 '새로운 색 계열을 들이지 않는다'입니다. 주 색 한 가지로 진하기만 달리합니다.
기관이 발표 자료와 별도로 한글(HWPX) 양식 제출을 요구하는 경우가 있습니다. 그 양식의 칸을 채우는 일은 11장에서 MCP로 wedocs를 연결해 다룹니다.
마지막 수정