skills.rest
gengirish
gengirishCOMMUNITY
Explore all skills by this author →
GitHub

react-pdf-invoices

Generates Indian GST-compliant invoice PDFs using @react-pdf/renderer in a worker.

Updated Mar 31, 2026
Search Tags:#typescript#vercel blob#pdf generation#invoice#gst#india#react-pdf
One-click install
npx skills add https://github.com/gengirish/dropflow --skill react-pdf-invoices-gengirish
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-pdf-invoices
Source: https://github.com/gengirish/dropflow/tree/main/.cursor/skills/react-pdf-invoices
Command: npx skills add https://github.com/gengirish/dropflow --skill react-pdf-invoices-gengirish

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @react-pdf/renderer, @vercel/blob.

What problem does it solve? Building GST-compliant tax invoice PDFs in India requires correct CGST/SGST/IGST breakdowns, HSN codes, INR lakh formatting, and sequential invoice numbering per financial year, which is error-prone to implement from scratch. ## Core Features & Use Cases - GST Invoice Template: A complete @react-pdf/renderer Document component with seller/buyer blocks, HSN item table, and conditional CGST+SGST, IGST, or EXPORT_LUT tax summaries. - Worker Rendering & Storage: Renders the PDF to a buffer with renderToBuffer and uploads it to Vercel Blob, storing the URL on the invoice record. - Invoice Numbering: Generates sequential INV/YYMM/NNNN numbers scoped per tenant and Indian financial year (April–March). - Use Case: In the DropFlow worker, generate a tax invoice PDF for a completed order with the correct GST split based on seller and buyer state codes, then store the public URL. ## Quick Start Ask the AI to generate a GST-compliant invoice PDF for an order using the @react-pdf/renderer template in the worker and upload it to Vercel Blob.

Frequently Asked Questions about react-pdf-invoices

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a PDF invoice with @react-pdf/renderer?▼

Build a Document component with Page, View, and Text elements styled via StyleSheet, then call renderToBuffer with the component to get a PDF buffer. The buffer can be uploaded to storage such as Vercel Blob for a public URL.

How to show CGST, SGST, or IGST on an Indian GST invoice PDF?▼

Conditionally render tax rows based on the invoice gstType field: show CGST and SGST rows for intra-state sales, a single IGST row for inter-state sales, and a zero IGST row for exports under LUT. Never display both schemes together.

Does @react-pdf/renderer support the Indian rupee symbol?▼

Yes, but the default fonts may not include the rupee glyph. Register the Noto Sans font via Font.register with a hosted TTF URL, which supports the ₹ symbol and Indian scripts.

How do I format INR amounts with lakh separators in JavaScript?▼

Use Intl.NumberFormat with the en-IN locale and INR currency style, dividing paise values by 100 first. This produces Indian digit grouping such as ₹1,23,456.00.

How should GST invoice numbers be sequenced in India?▼

Use a sequential format like INV/YYMM/NNNN scoped per tenant and per financial year running April to March. Count existing invoices with the same prefix in the database and increment the padded sequence number.

Related Skills

Explore More Software Engineering Skills→
ma-waisma-wais

invoice-generator

Render React-based invoices and export pixel-perfect PDFs via Puppeteer.

Community
Intermediate
syzl8512syzl8512

12306-invoice-downloader

Download and rename 12306 train ticket invoice attachments from 163 email.

Community
Intermediate
cuoreinpacecuoreinpace

billing-automation

Automate recurring payments, invoicing, subscription lifecycle, and dunning workflows.

Community
Advanced
sabahattinksabahattink
27

pdf-official

Generate PDFs from data or HTML templates using PDFKit or Puppeteer.

Community
Intermediate