
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
- 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.
- "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.
- 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).
- 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.
- 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
- Company name
- Colour (navy by default)
- 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.
- Unpack the zip you downloaded
- Open the resulting folder in Claude Code or Codex (in VS Code, "Open Folder")
- Type "start building with this kit". The instructions are inside (Claude Code reads
CLAUDE.md, Codex readsAGENTS.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
This is your kit. You can also see its reviews on your page.
No reviews yet. Be the first to say something.
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
More kits
shuto-shinoda2026/11/10
Ceremony Speech & Greeting KitFree
Say the occasion and length, get a read-aloud script and a clean copy
shuto-shinoda2026/10/29
Resume & Work History KitFree
Tell it your history, get a resume tailored to each employer
shuto-shinoda2026/10/29