1. 제안서 작성의 전체 흐름

제안서 작성 워크플로우를 살펴봅니다. 생각보다 복잡하니 천천히 하나씩 짚어가며 따라오세요. 만약 아래 방식이 너무 복잡하다고 생각이 된다면 이전 챕터에서 했던 내용을 기반으로 Markdown 파일과 함께 hwpx 파일을 업로드 하는 방식으로도 충분히 작성이 가능합니다. 아래 방식은 매번 달라지는 공고문 양식에 대응하기 위한 방식입니다.

아래 도식은 제안서 작성의 전체 흐름을 나타냅니다. 사전 준비(1회)와 실제 작성(매번 반복)으로 나뉘는 구조를 먼저 파악하고 세부 내용을 읽어주세요.

실제 위니브에서 사용하는 제안서 작성 폴더 구조는 아래와 같습니다.

꼭 이렇게 작성할 필요는 없지만, 시행착오를 줄이기 위해 이 구조를 권장드립니다.

1. 제안요청서_샘플: 이 폴더는 1개의 폴더와 1개의 파일이 있습니다. SVG 파일 폴더와 실제 작성되는 문서인 HWPX 파일입니다. 이 폴더는 항상 고정입니다. 한 번 세팅하면 계속 재사용됩니다.

2. 공고문_pdf파일: 공고문을 모두 PDF로 변환하여 저장하는 폴더입니다. 공고문마다 양식이 다르기 때문에 PDF로 변환하여 여기 저장해주세요. 공고문도 md로 저장해서 읽게 하는 방식이 가장 좋지만, 대표나 직원의 공수가 더 들게 됩니다. 이제 PDF도 충분히 잘 읽기 때문에 PDF로 변환해서 업로드 하는 방식을 권합니다. 다만, PDF로 읽을 때 제대로 읽히지 않는 경우도 있기 때문에 원하는 결과가 안나올 때에는 hwpx 파일을 열어 모든 텍스트를 복사하여 각각의 파일을 제목.md로 저장하는 것을 권합니다.

3. 기존_자료: 기존에 작성했던 제안서나 참고할 만한 자료를 저장하는 폴더입니다. 이 부분이 시간이 좀 걸립니다. 기존에 작성했었던 제안서들을 모아서 마크다운으로 정리를 해두세요. 여기서 중요한 포인트가 이미지를 저장하실 때에는 제목으로 사진에 내용을 알 수 있게 하는 것입니다. 그래야 Claude가 이 자료들을 보고 필요한 정보를 찾아서 제안서에 활용할 수 있습니다. 예를 들어, 위니브 경우에는 Claude에게 제안서를 작성할 때 제안서에 이미지 파일의 경로명을 텍스트로 넣으라고 시킵니다. 이유는 실제 이미지를 제안서에 넣으면 깨지는 경우가 많기도 하고, 어차피 한 번은 인간이 위치 수정을 해야하기 때문입니다.

안에 이미지는 아래와 같은 형식으로 되어 있습니다. 이미 잘 준비된 이미지인 것이죠. 처음부터 SVG로 되어 있다면 나중에 수정이 더 용이합니다. 위니브도 이미지 대부분이 PNG 이지만 하나씩 SVG로 바꾸는 작업을 진행 중에 있습니다.

자, 이제 폴더 하나씩 채워봅시다.

1.1 사전 준비

지금 하는 모든 사전 준비는 단 한번만 하면 됩니다. 이후 제안서 작성은 매번 반복되는 작업이 됩니다.

1.1.1 제안서 샘플 만들기

• 1번 폴더입니다.

제안서 마다 양식이 다릅니다. 그러나 양식이 다르다고 해서 매번 새로 만드는 것은 비효율적입니다. 제안서 양식은 사업 유형별로 몇 가지 패턴이 있습니다. 이 패턴에 맞게 HWPX 양식을 만듭니다. 다시 한 번 강조하지만 hwp 파일 아닙니다. hwpx 파일이어야 합니다. hwp와 hwpx는 완전히 다른 형식입니다.

저는 아래와 같은 형식으로 만들었습니다. 목차 및 양식은 민감한 내용이 있어서 오프라인 수업이나 온라인 수업에서만 공개하겠습니다.

이런 형식으로 제목부터 해서 모든 챕터에 양식을 만들어둡니다. 제안서 작성 시마다 이 양식을 불러와서 내용을 채워넣게 됩니다.

여기서 중요한 포인트는 AI는 어디에 글을 써야하는지 명확하게 지시하는 편이 좋습니다. 따라서 이미지처럼 표와 같은 것도 미리 다 만들어두고 내용만 채우게 하는 것이 좋습니다. 표를 만들게 하거나, 텍스트가 아니라 항목을 만들게 하는 것은 좋은 방식은 아닙니다. 그러면 AI가 해야 할 일이 기하급수적으로 올라가게 됩니다.

표도 마찬가지입니다. 표의 틀을 미리 만들어두고, 내용만 채우게 하는 것이 좋습니다. 표의 틀을 만들게 하거나, 텍스트가 아니라 항목을 만들게 하는 것은 좋은 방식은 아닙니다. 역시나 그러면 AI가 해야 할 일이 기하급수적으로 올라가게 됩니다. 차라리 지우는게 편하니, col, row를 많이 만들어두시고 삭제하는 편을 선택하세요.

SVG 폴더는 빈 폴더로 만듭니다. 이 폴더는 내가 작성하는 것이 아니라 Claude가 만드는 폴더입니다.

1.1.2 공고문

• 2번 폴더입니다.

공고문은 실제 나라장터 등에서 가져온 제안 공고문을 PDF로 변환하여 저장하는 폴더입니다. 제안 공고문은 양식이 매번 다릅니다. 따라서 PDF로 변환하여 여기 저장해주세요.

1.1.3 회사 정보를 마크다운(md)으로 정리

• 3번 폴더에 제안자료 폴더입니다.

회사 연혁, 수행 실적, 조직 정보, 핵심 역량 등을 마크다운 파일로 정리해둡니다. 제안서에 공통적으로 들어가는 회사 소개를 매번 새로 쓰지 않고 이 파일에서 불러와 작성하게 됩니다. 물론 회사 소개는 한글 파일에 세팅을 해놓고, 한글 파일을 매번 반복해서 작업해도 됩니다. 하지만 마크다운 파일로 정리해두면, 제안서 양식이 달라져도, 공고문이 달라져도 대응할 수 있게 됩니다. 다른 곳에서도 충분히 활용할 수 있다는 것이죠.

업데이트 되는 정보가 있다면 이 md 파일을 수정하고, 다른 곳에서도 이 md 파일을 활용하면 됩니다. 만약 내가 이 제안서 말고 다른 제안서에도 한글을 직접 수정하겠다 하는 분은 이 파일을 수정할 필요가 없습니다. 기회비용을 잘 생각하시면서 작성하시면 좋을 것 같습니다.

위니브는 아래와 같이 정리해두었습니다.

1.1.4 자주 쓰는 이미지를 SVG로 준비

• 3번 폴더에 이미지자료 폴더입니다.

시스템 구성도, 추진 체계도, 업무 프로세스 흐름도 등 제안서에 반복적으로 들어가는 이미지를 SVG로 만들어 별도 저장해둡니다. 다만, Claude가 SVG를 잘 다루게 된지 얼마 되지 않았습니다. 이전에는 Mermaid로 만들어서 텍스트로 저장해두고 사용했습니다. Mermaid는 2장 별도의 챕터에서 다룹니다. 지금은 SVG로 만들어서 저장하는 방식으로 설명드리겠습니다.

SVG는 벡터 이미지 포맷으로, 크기를 늘려도 깨지지 않고 선명하게 유지됩니다. 제안서에 자주 들어가는 이미지를 SVG로 만들어두면, 제안서 작성 시마다 새로 만들 필요 없이 바로 불러와 사용할 수 있습니다.

SVG의 구조는 아래와 같습니다. 메모장을 열어 hello.svg로 저장한 뒤 더블클릭해 열어보세요.

<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  <rect x="10" y="10" width="180" height="180" fill="lightblue" stroke="black" stroke-width="2"/>
  <text x="100" y="100" font-family="Arial" font-size="20" fill="black" text-anchor="middle" alignment-baseline="middle">시스템 구성도</text>
</svg>

중요한 것은 이 이미지는 여러분이 보실때만 이미지이지, 컴퓨터 입장에서는 텍스트 파일이라는 점입니다. 그래서 Claude가 이 SVG 파일을 열어서 텍스트를 읽고, 색상을 바꾸고, 구조를 변경하는 것이 가능합니다.

그렇기에 다양한 제안서에서 수정도 용이합니다. 제안서마다 조금씩 다른 버전이 필요할 때, Claude는 SVG 파일을 열어서 텍스트나 색상, 구조를 변경시킬 수 있습니다. Claude에서 SVG 파일을 만들 수 있습니다. 이것은 실습으로 보여드리겠습니다.

[Claude에게 SVG 이미지 만들라고 시키는 예시]

이 프로젝트에 PM은 이호준이야. 그리고 각각 PL1(기획 및 교안작성), PL2(운영지원), PL3(개발 및 디자인)이 있어. 이렇게 팀 구성이 되어 있다는 것을 보여주는 구성도를 SVG 이미지로 만들어줘.

이렇게 회사에 대한 이미지를 SVG 파일들로 만들어두시면 앞으로 AI와 함께 제안서를 작성할 때마다 이 SVG 파일들을 불러와서 필요한 부분을 수정하여 사용할 수 있습니다.

1.2 Skill 만들기

1.2.1 Skills 만들기

앞에서 했던 것과 조금 다르게 skills를 만들어보도록 하겠습니다. 여기서 중요한 것은 외부 Skills를 가져오지 않는다는 것입니다. 대신, 준비해둔 HWPX 양식을 기반으로 Claude에게 Skills를 만들게 합니다.

사용자 지정 > 스킬 > + 버튼 클릭 > Claude와 함께 창작하기를 눌러주세요.

아래처럼 텍스트가 자동완성 됩니다. 그대로 엔터를 쳐주세요.

Let's create a skill together using your skill-creator skill. First ask me what the skill should do.

이렇게 했을 때 내가 원하는 스타일은 아래와 같이 만들었습니다.

1. '전체파일.zip'을 올리면 여기서 '02_공고문_PDF_파일' 폴더를 읽어서 '01_제안요청서_샘플'폴더에 있는 '제안요청서_샘플.hwpx' 파일에 양식을 채우고 그 폴더에 있는 SVG 폴더에 제안서에 들어갈 이미지를 SVG로 만들어서 나에게 압축해 주는 것이 목표야.

2. '제안요청서_샘플.hwpx'에 모든 채워야할 양식은 '[내용]'으로 되어 있어. 이 부분을 채우면 되는거야. 그리고 SVG 폴더에는 제안서에 들어갈 이미지들이 들어가게 될거야. 이미지는 직접 넣지 말고, 파일명만 언급해줘. 그럼 내가 직접 넣을게.

3. 기존에 있던 파일도 함께 활용해야해. '03_기존_자료' 폴더에는 기존 자료들이 있어. 이 폴더 안에 '이미지자료' 폴더에는 제안서에 활용할 수 있는 위니브의 이미지들이 있어. 그리고 '제안자료' 폴더에는 회사 정보가 md 파일로 정리되어 있어. 이 자료들도 활용해서 제안서 양식에 맞춰서 내용을 채워줘. 회사 정보는 매번 변할 수 있으니 한 번씩 확인을 해야해.

위와 같이 스킬을 만드시면 됩니다.

아래 이미지는 제가 첫 시도했던 스킬입니다. 정보의 양이 부족하니 약 2시간 정도 물어보며 스킬을 만들더군요. 처음부터 '정확하게 지시'하기 위한 Skills 명세서를 공들여 작성하는 것을 권합니다. 다만 처음에는 가볍게 한 번 만들어보세요. 나중에 수정도 가능합니다.

중간중간 요구한 것이 많아서 아래처럼 많은 항목들이 추가가 되었습니다. 마지막 7번 최종 패키징 및 전달까지 2시간 정도 걸렸습니다.

1.2.3 Skills 등록 및 동료와 공유

Skills를 완성했다면, '내 스킬에 복사' 버튼을 눌러주세요. 앞서 말씀드렸던 것처럼 데스크톱을 옮겨도 이 skills는 유지됩니다. 다운로드하여 다른 직원에게도 공유할 수 있습니다. 공유할 때에는 파일을 전달하는 방식으로 공유하시면 됩니다.

1.3 제안서 작성

1.3.1 압축 파일 업로드

제안 공고문(PDF)과 HWPX 양식을 하나의 압축 파일로 묶어 Claude Cowork에 업로드합니다.

• 제안 공고문은 반드시 PDF로 변환하여 업로드합니다. Claude가 PDF를 읽고 사업 내용을 파악합니다.
• HWPX 양식은 사전 준비 단계에서 만들어둔 것을 사용합니다.

1.3.2 Skills를 통한 제안서 작성

Claude가 공고문을 분석하고, HWPX 양식에 맞춰 제안서 내용을 작성합니다. 회사 정보(md)와 준비해둔 이미지(SVG)도 함께 활용합니다.