提案書を出す直前が、いちばん怖い。見た目でも文章でもなく、社内メモが残っていないか、仮置きの「要記入」を消したか、ページ番号は通っているか。私は一人会社なので、確認する目が自分しかありません。

2026 年 6 月から 8 月の 3 か月で、HTML の提案書とデッキを 30 本以上作りました。デザイナーはいません。外注もしていません。使ったのは Claude Code と、自分で書いた 3 本のスクリプトだけです。途中で事故もしました。見積書に社内メモを埋めたまま下書きに添付し、圧縮した PDF の写真が黒くつぶれ、契約書の条番号が全部同じ番号になっていました。その一つひとつを検査と手順に固定していったら、提案書づくりは「工場」になりました。

この記事で渡すのは、その工場の設計図です。色を 7 つに減らし、書体を 3 つに固定した白黒グレー×カラー写真のテンプレート。Claude Code に「ここに無い数字は書かない」を守らせる依頼の型。HTML を PDF にして、壊さずに圧縮し、送る前に機械検査を通すスクリプト。10 ページを超える資料を 4 工程に分けて AI に作らせる設計。全部で 20 章、テンプレートとスクリプト 3 点を同梱します。

向かない方もいます。Windows だけで作業する方（WSL か Chrome パスの読み替えが要ります）、コマンドラインを一切触りたくない方、デザインの自由度を最優先したい方には向きません。決まった型で、速く、事故なく出したい方のための記事です。

この記事で手に入るもの

白黒グレー×カラー写真の A4 横テンプレート（5 ページ骨格・7 色トークン設定済み）と、その読み方
Claude Code のスキルに「型」を書いて、毎回同じ品質で提案書を出す方法
依頼（brief）の書き方と、AI に数字を創作させない仕組み
10 ページ超の資料を「構成 2 案→統合→ページ並列→組版→批評→修正」で作らせる設計
HTML→PDF 化、壊さない圧縮、送る前の機械検査、三段検査の運用
フォルダ規約と、1 週間で回す運用表

目次（本編 20 章）

第 1 章　なぜ提案書を「工場」にするのか — 30 本以上作って見えた 3 つのボトルネック
第 2 章　道具立て — Claude Code・Chrome・Ghostscript・Python を揃える
第 3 章　白黒グレー×カラー写真というルック — 7 色と 3 書体に絞った理由
第 4 章　提案書の型・5 ページ骨格 — 1 ページ 1 メッセージ
第 5 章　テンプレート HTML を読む — 壊さずに差し替える
第 6 章　判型とページ番号 — A4 横と 16:9、連番の振り直し
第 7 章　表・タグ・数値カード — 数字には出典を添える
第 8 章　写真の扱い — カラーのまま、同梱、相対パス
第 9 章　プレビューの罠 — 日本語フォルダで 404 になる理由と回避
第 10 章　スキルに型を書く — SKILL.md の雛形
第 11 章　依頼の書き方（brief） — 宛先・名義・目的・確定事実・トーン
第 12 章　確定事実だけを書かせる仕組み — 事実リストと【要差替】マーカー
第 13 章　10 ページ超は分業させる — 4 工程のワークフロー設計
第 14 章　批評エージェントを置く — 2 視点批評と修正担当の制約
第 15 章　HTML から PDF へ — Chrome headless の呪文と落とし穴
第 16 章　圧縮の掟 — 保守設定だけを使う理由
第 17 章　送る前の機械検査 — 事故を再現しない検査カテゴリ
第 18 章　三段検査 — 機械・AI・人間の分担
第 19 章　フォルダ規約と命名 — 最新版を迷わない
第 20 章　運用表と次の自動化 — 型は一度作れば育てられる

同梱する特典 3 点（有料エリアに全文掲載）

提案書テンプレート A4 横（HTML 1 ファイル）。表紙・章扉・本文 2 カラム・数値カード・締めの 5 ページ。差し替え箇所は【要差替】マーカーで示してあります
deck-pdf.sh（bash）。HTML を Chrome headless で PDF にし、保守設定で圧縮し、原本と圧縮版を両方残してページ数を照合します
preflight.py（Python 標準ライブラリのみ）。社内メモ・仮置きマーカー・秘密情報らしき文字列・契約書の条番号重複・ダミーメールを送る前に検査し、終了コードで結果を返します

先出しサンプル：7 色トークン

本編第 3 章で説明する、この型で使う色は次の 7 つだけです。

:root{
  --ink:#1A1A1A;   /* 本文 */
  --sub:#595959;   /* 副文 */
  --mute:#8C8C8C;  /* キャプション */
  --line:#D9D9D9;  /* 罫線 */
  --pale:#F4F4F4;  /* 淡背景 */
  --zebra:#F7F7F7; /* 表の縞 */
  --black:#0E0E0E; /* 黒ブロック・表ヘッダ */
}

写真だけはカラーのまま使います。モノクロにするのは文字・罫線・背景だけです。

動作環境

著者が確認した環境は macOS 26.6.2、Google Chrome 152、Ghostscript 10.07.1、Python 3.9.6、Claude Code 2.1.257（2026-09-02 時点）です。Windows では WSL を使うか、Chrome の実行パスを読み替える必要があります。

著者について

HiDax 合同会社代表日髙俊郎。神奈川県川崎市を拠点に、沖縄県宮古島市の現場と往復しながら、農業・水産物流・コールドチェーン・ウェルネス機器のリース販売と、AI 運用の内製を一人でやっています。提案書は全て自分で Claude Code を使って作っています。2026 年 6〜8 月の制作本数は 30 本以上、8〜27 ページ級の PDF 納品まで同じ型で運用しています。

免責事項

本記事は著者の環境（macOS 26.6.2・Google Chrome 152・Ghostscript 10.07.1・Python 3.9.6・Claude Code 2.1.257・2026-09-02 時点）での実録です。各ツールの仕様変更により手順が変わる場合があります。受注・売上などの成果を保証するものではありません。Claude Code・Google Chrome・Ghostscript の利用条件は各提供元の規約に従ってください。特典のテンプレートとスクリプトは購入者本人の業務利用に限り、再配布・再販売はできません。

更新方針

Claude Code や Chrome の仕様変更で手順が動かなくなった場合は、確認でき次第、本文を更新します。更新した章には日付を入れます。