nice to have
Back to the shelf Sign in Submit a kit
← All kits

Deck Builder Kit

Polished decks, in the same format every time

How to use
Example output from Deck Builder Kit

Deck Builder Kit is a vibe coding kit for Claude Code and Codex. Polished decks, in the same format every time. It includes 5 fixes for pitfalls the maker hit in real work. Free.

When this helps

Every rep sends out proposals that look different

What it does

A complete deck you can take straight into a meeting. Write it, get a URL, and download a PDF of exactly that page. Six diagram patterns are included, so the layout never falls apart.

The fixes baked into this kit

  1. Pictograms vanish on the published pageThey show up in your browser but disappear on the public URL. If you notice after printing, it is too late. The checklist makes you open the published URL and confirm.
  2. "Print → Save as PDF" by hand does not match the screenMargins, page breaks and colours drift. PDFs come from the same pipeline as the page (tools/deploy.sh); hand-exporting is off the table.
  3. Generated images keep a white borderDrop an image in as-is and its white background sits as a rectangle on top of your page colour. The flow runs every image through a trim tool (tools/trim.py).
  4. Image colours do not match the deckGenerate images while the kit is still on default navy and they end up a different palette. You pick the colours (--ink / --accent) first, then generate.
  5. The URL is still using the default ID and passwordHand that over and anyone who knows the defaults can open it. A check reminds you to change them per recipient.

What's inside

  • Design rules
  • Step-by-step flow
  • Prompt library
  • 16 pictograms
  • Image-making tool
  • Publishing (URL + PDF)
File list (11)
  • deck.html (the 10-page base, 7 patterns)
  • img/ (3 sample images, pictogram-style illustration)
  • rules/FLOW.md (how to proceed)
  • rules/TONE.md (design rules)
  • rules/PROMPTS.md (phrasings you can use as-is)
  • rules/CHECK.md (checks before you ship)
  • tools/deploy.sh (publishes the URL and the PDF — just this one)
  • tools/genimg.mjs (make images) / tools/trim.py (trim image margins)
  • middleware.js (puts an ID and password on the URL)
  • CLAUDE.md (instructions for the AI)
  • KIT.md (the explanation for whoever uses it)

The first three decisions

  1. Company name
  2. Colour (navy by default)
  3. The one line on the cover

What you need

  • No extra costNo extra subscriptionThis alone gets you from writing the deck to a finished PDF.
  • Extra costA Gemini API keyOnly if you want AI to draw images. You pay for what you generate (the 16 small pictograms are included from the start).

How to use

Just paste this into your AI.

I want to use the nice to have kit "Deck Builder Kit". Follow https://nicetohave.app/en/g/YL3HM9F4-•••••••••• and set it up.

Works the same in Claude Code or Codex.
Read what this tells your AI to do, before you paste it

If you would rather take the files yourself

Paste the line above and your AI fetches it. If your AI cannot fetch it, or you would rather download it yourself, start here.

Download the kit as a zip

  1. Unpack the zip you downloaded
  2. Open the resulting folder in Claude Code or Codex (in VS Code, "Open Folder")
  3. Type "start building with this kit". The instructions are inside (Claude Code reads CLAUDE.md, Codex reads AGENTS.md)

FAQ

How do I send the deck to someone?
Run one command and you get a URL that opens on phones too. Send that URL. The page has a "Download PDF" button in the top-right corner.
Is it safe for confidential material?
The URL is protected by an ID and password, so knowing the link alone is not enough to read it. If anyone may see the deck, you can remove the protection and make it public.
Can't I just use the browser's "Print → Save as PDF"?
Please don't. That is how versions that differ from the screen end up in circulation. The PDF is rebuilt from the page you are looking at every time.
Can I remove or add pages?
You can delete any page you don't need, and page numbers renumber themselves. To add one, copy a page with a similar layout and rewrite it.

Reviews

Used it? Leave a rating
A few words are optional. A thank-you, or show off what you made. It goes to the maker.
Sign in with GitHub to write

Supporters

Once support opens, the people who backed this kit will be listed here.

Publisher
ohirutabeyo
Published
2026/08/27
Price
Free
Category
Documents
Personal data
Not handled
Security review
Not needed (no personal data)
What's inside
Design rulesStep-by-step flowPrompt library16 pictogramsImage-making toolPublishing (URL + PDF)

More kits