Creating decent-looking PDFs using TailwindCSS

• January 04, 2026 at 21:38 IST
• vibe-coding
• ai
• coding
• llm

Came across this interesting post titled How to vibe code a PDF that talks about creating decent-looking PDFs by vibe coding, or AI-assisted coding (as I like to say). Although the post is long, here are the direct steps mentioned in the post:

1. Scaffold a basic setup with Tailwind CSS. I used Next.JS but you could also just use basic HTML.
2. Prompt the agent to use the print modifier within Tailwind CSS to build the core PDF, keeping in mind the standard 8.5 by 11 inch page size.
3. Run your dev server and load your page on localhost.
4. Use your print shortcut to preview the page.
5. Iterate as needed.
6. Download the PDF (tip: turn off the "Headers and footers" option on Chrome for a clean export).

I think, I have already done something like this one time, but it's good to keep the best practices documented for the future.

• ← Previous
  Claude Code Chrome extension does wonders
• Next →
  How browsers work