nice to have
一覧に戻る ログイン キットを出品する
← キット一覧

資料生成キット

きれいな資料を、毎回おなじ体裁で

使い方
資料生成キットの見本

資料生成キットは、Claude Code・Codex で使える、バイブコーディング用のキットです。きれいな資料を、毎回おなじ体裁で。作った人が実際の仕事で直した落とし穴が5件入っています。無料。

こんなときに

提案資料が、担当者ごとにバラバラの見た目で出ていく

できること

そのまま商談で出せる体裁の資料一式。書くとURLが出て、その画面のPDFがダウンロードできる。図の型が6つ入っていて、見た目は崩れない。

このキットに入っている「直し」

  1. 出したページで、記号だけ消える手元のブラウザでは出るのに、公開したURLで見ると記号(ピクトグラム)が出ないことがあります。刷ってから気づくと直せません。出したあとにURLを開いて確かめる手順を、確認表に入れてあります。
  2. 手で「印刷 → PDFとして保存」すると、画面と食い違う余白・改ページ・色がずれます。PDFは画面と同じものが出る仕組み(tools/deploy.sh)に寄せてあり、手作業の書き出しはしない前提です。
  3. 絵のまわりに白い余白が残る生成した絵をそのまま置くと、背景の白がページの色の上に四角く乗ります。余白を切る道具(tools/trim.py)を通す手順にしてあります。
  4. 絵の色が、資料の色と合っていないキット既定の紺のまま絵だけ作ると、資料の色と別物になります。先に色(--ink / --accent)を決めてから絵を作る順番にしてあります。
  5. URLにかけたID・パスワードが初期値のままそのまま渡すと、初期値を知っている人は誰でも開けます。相手ごとに変える確認を入れてあります。

入っているもの

  • 見た目のルール
  • 進め方の順番
  • プロンプト集
  • ピクトグラム16種
  • 絵を作る道具
  • 出す仕組み(URL+PDF)
ファイル一覧(11)
  • deck.html(10枚の土台・7つの型)
  • img/(絵の見本3枚。ピクトグラム調のイラスト)
  • rules/FLOW.md(進め方)
  • rules/TONE.md(見た目のルール)
  • rules/PROMPTS.md(そのまま使える言い方)
  • rules/CHECK.md(出す前の確認)
  • tools/deploy.sh(URLとPDFを出す・これ1つ)
  • tools/genimg.mjs(絵を作る)/tools/trim.py(絵の余白を切る)
  • middleware.js(URLにID・パスワードをかける)
  • CLAUDE.md(AIへの指示)
  • KIT.md(利用者向けの説明)

最初に決める3つ

  1. 会社名
  2. 色(いまは紺)
  3. 表紙の1行

必要なもの

  • 追加費用なし追加の契約は不要資料を作ってPDFにするところまで、これだけで足ります
  • 別途費用Gemini の APIキー絵をAIに作らせるときだけ。作った分の費用がかかります(小さい記号は16種はじめから入っています)

使い方

お使いのAIに、これを貼るだけです。

nice to have のキット「資料生成キット」を使いたい。https://nicetohave.app/g/YL3HM9F4-•••••••••• のとおりに取り込んで。

Claude Code でも Codex でも同じです。
貼る前に、AIに何をさせるのか読む

自分でファイルとして受け取りたいとき

上の文を貼れば、AIが取りに行きます。AIが取りに行けないときや、自分で落としたいときは、ここから。

キットを zip で落とす

  1. 落とした zip を展開する
  2. できたフォルダを、Claude Code か Codex で開く(VS Code なら「フォルダーを開く」)
  3. 「このキットで作り始めて」と打つ。手順は中に入っています(Claude Code は CLAUDE.md、Codex は AGENTS.md を読みます)

よくある質問

相手にはどうやって渡しますか?
コマンドを1つ打つと、スマホでも開ける URL が出ます。その URL を渡してください。ページの右上に「PDF をダウンロード」のボタンが付きます。
社外秘の資料でも大丈夫ですか?
URL には ID とパスワードがかかっていて、URL を知られただけでは読めません。誰が見てもよい資料なら、外して公開にもできます。
ブラウザの「印刷 → PDF として保存」ではだめですか?
使わないでください。画面と違うものが出回る原因になります。PDF は、いま見ている画面から毎回作り直されます。
ページを減らしたり増やしたりできますか?
要らないページは丸ごと消せて、ページ番号は自動で振り直されます。増やすときは、似ている型のページをコピーして書き換えます。

レビュー

使ってみたら、星をどうぞ
ひとことは書かなくても大丈夫。書くなら「ありがとう」でも、作ったものの自慢でも。作り手に届きます。
GitHub でログインして書く

応援した人

応援の受け付けを始めたら、このキットを応援した人がここに並びます。

パブリッシャー
ohirutabeyo
公開日
2026/08/27
値段
無料
分類
資料をつくる
個人情報
扱いません
安全レビュー
不要(個人情報を扱わない)
入っているもの
見た目のルール進め方の順番プロンプト集ピクトグラム16種絵を作る道具出す仕組み(URL+PDF)

ほかのキット