Adoption

Agent Skills are supported by leading AI development tools.

VS Code Gemini CLI GitHub Goose Amp Cursor Claude Code Letta OpenCode Claude OpenAI Codex Factory VS Code Gemini CLI GitHub Goose Amp Cursor Claude Code Letta OpenCode Claude OpenAI Codex Factory

malhajri07/add-pdf-report

Name: add-pdf-report
Author: malhajri07

.claude/skills/add-pdf-report/SKILL.md

npx skillsauth add malhajri07/real-estate-CRM-project add-pdf-report

Clean

TrivyContainer and dependency vulnerability scanner

Clean

SemgrepStatic code analysis for vulnerabilities

Clean

mcp-scan (Snyk)Model Context Protocol security validation

Skipped

Snyk (dep)Open source security scanning

Skipped

Socket.devSupply chain security analysis

Skipped

VirusTotalMulti-engine malware detection

Skipped

CrowdStrikeAdvanced threat intelligence

Skipped

OSV-ScannerOpen Source Vulnerability database check

Skipped

OWASP Dep-Check

add-pdf-report

Creates a new PDF report template with Arabic RTL support, org branding, and data binding. Uses Puppeteer to render HTML → PDF server-side.

Inputs to gather

Report type — e.g., "contract", "invoice", "cma-report", "commission-statement"
Data source — which entity/query provides the data (dealId, propertyId, agentId + period)
Sections — what the PDF contains (header, table, summary, footer, signatures)
Page size — A4 (default) or custom

Steps

Check PDF engine exists. Read apps/api/libs/pdf-engine.ts. If missing, create:

import puppeteer from "puppeteer";
export async function generatePDF(html: string): Promise<Buffer> {
  const browser = await puppeteer.launch({ headless: true, args: ["--no-sandbox"] });
  const page = await browser.newPage();
  await page.setContent(html, { waitUntil: "networkidle0" });
  const pdf = await page.pdf({ format: "A4", printBackground: true });
  await browser.close();
  return Buffer.from(pdf);
}

Create the HTML template at apps/api/templates/{report-type}.ts:
- RTL direction: <html dir="rtl" lang="ar">
- Font: IBM Plex Sans Arabic (embedded via base64 or CDN)
- Org branding: logo, tradeName, licenseNo in header
- CSS: print-optimized, no scrollbars, page-break-inside: avoid
- Data binding: template literal with typed parameters

Create the API endpoint:

router.get("/documents/{type}/:entityId", authenticateToken, async (req, res) => {
  // Fetch data from Prisma
  // Render HTML template with data
  // Generate PDF
  res.setHeader("Content-Type", "application/pdf");
  res.setHeader("Content-Disposition", `attachment; filename="${type}-${entityId}.pdf"`);
  res.send(pdfBuffer);
});

Add frontend download button:

const handleDownload = async () => {
  const blob = await apiGetBlob(`/api/documents/{type}/${entityId}`);
  const url = URL.createObjectURL(blob);
  const a = document.createElement("a");
  a.href = url; a.download = `${type}.pdf`; a.click();
};

Install Puppeteer if not already: pnpm add puppeteer

Verification checklist

[ ] PDF renders correctly in Arabic (RTL text, proper font)
[ ] Tables and numbers display correctly
[ ] Org branding (logo, name, license) appears in header
[ ] PDF downloads with correct filename
[ ] Works with empty/null optional fields (graceful fallbacks)
[ ] /typecheck passes

Anti-patterns

Don't use @react-pdf/renderer for complex layouts — Puppeteer handles Arabic RTL much better
Don't generate PDFs synchronously on heavy endpoints — consider background job for large reports
Don't embed large images as base64 in templates — use URLs or compress first
Don't hardcode org info — always fetch from the database

malhajri07/add-pdf-report

.claude/skills/add-pdf-report/SKILL.md

Generate a branded Arabic PDF report from an HTML template using Puppeteer. Use for contracts, invoices, CMA reports, commission statements.

development

Updated Apr 16, 2026

$ install --global

skillsauth

npx skillsauth add malhajri07/real-estate-CRM-project add-pdf-report

Install this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.

Security Scan Results

3 of 9 scanners reported clean

Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.

Scanners Passed

Scanners in report

Clean

TrivyContainer and dependency vulnerability scanner

95%

Clean

SemgrepStatic code analysis for vulnerabilities

95%

Clean

mcp-scan (Snyk)Model Context Protocol security validation

95%

Skipped

Snyk (dep)Open source security scanning

50%

Skipped

Socket.devSupply chain security analysis

50%

Skipped

VirusTotalMulti-engine malware detection

50%

Skipped

CrowdStrikeAdvanced threat intelligence

50%

Skipped

OSV-ScannerOpen Source Vulnerability database check

50%

Skipped

OWASP Dep-Check

50%

Last scanned: Apr 16, 2026, 12:55 AM4.7s1 file scanned

SKILL.md

name:: add-pdf-report
description:: Generate a branded Arabic PDF report from an HTML template using Puppeteer. Use for contracts, invoices, CMA reports, commission statements.

add-pdf-report

Creates a new PDF report template with Arabic RTL support, org branding, and data binding. Uses Puppeteer to render HTML → PDF server-side.

Inputs to gather

Report type — e.g., "contract", "invoice", "cma-report", "commission-statement"
Data source — which entity/query provides the data (dealId, propertyId, agentId + period)
Sections — what the PDF contains (header, table, summary, footer, signatures)
Page size — A4 (default) or custom

Steps

Check PDF engine exists. Read apps/api/libs/pdf-engine.ts. If missing, create:

import puppeteer from "puppeteer";
export async function generatePDF(html: string): Promise<Buffer> {
  const browser = await puppeteer.launch({ headless: true, args: ["--no-sandbox"] });
  const page = await browser.newPage();
  await page.setContent(html, { waitUntil: "networkidle0" });
  const pdf = await page.pdf({ format: "A4", printBackground: true });
  await browser.close();
  return Buffer.from(pdf);
}

Create the HTML template at apps/api/templates/{report-type}.ts:
- RTL direction: <html dir="rtl" lang="ar">
- Font: IBM Plex Sans Arabic (embedded via base64 or CDN)
- Org branding: logo, tradeName, licenseNo in header
- CSS: print-optimized, no scrollbars, page-break-inside: avoid
- Data binding: template literal with typed parameters

Create the API endpoint:

router.get("/documents/{type}/:entityId", authenticateToken, async (req, res) => {
  // Fetch data from Prisma
  // Render HTML template with data
  // Generate PDF
  res.setHeader("Content-Type", "application/pdf");
  res.setHeader("Content-Disposition", `attachment; filename="${type}-${entityId}.pdf"`);
  res.send(pdfBuffer);
});

Add frontend download button:

const handleDownload = async () => {
  const blob = await apiGetBlob(`/api/documents/{type}/${entityId}`);
  const url = URL.createObjectURL(blob);
  const a = document.createElement("a");
  a.href = url; a.download = `${type}.pdf`; a.click();
};

Install Puppeteer if not already: pnpm add puppeteer

Verification checklist

[ ] PDF renders correctly in Arabic (RTL text, proper font)
[ ] Tables and numbers display correctly
[ ] Org branding (logo, name, license) appears in header
[ ] PDF downloads with correct filename
[ ] Works with empty/null optional fields (graceful fallbacks)
[ ] /typecheck passes

Anti-patterns

Don't use @react-pdf/renderer for complex layouts — Puppeteer handles Arabic RTL much better
Don't generate PDFs synchronously on heavy endpoints — consider background job for large reports
Don't embed large images as base64 in templates — use URLs or compress first
Don't hardcode org info — always fetch from the database

Related Skills

malhajri07/obsidian-markdown

testing

VerifiedTrustedCommunity

Create and edit Obsidian Flavored Markdown with wikilinks, embeds, callouts, properties, and other Obsidian-specific syntax. Use when working with .md files in Obsidian, or when the user mentions wikilinks, callouts, frontmatter, tags, embeds, or Obsidian notes.

SKILL.mdUpdated Apr 16, 2026

malhajri07/obsidian-markdown

malhajri07/obsidian-cli

tools

VerifiedTrustedCommunity

Interact with Obsidian vaults using the Obsidian CLI to read, create, search, and manage notes, tasks, properties, and more. Also supports plugin and theme development with commands to reload plugins, run JavaScript, capture errors, take screenshots, and inspect the DOM. Use when the user asks to interact with their Obsidian vault, manage notes, search vault content, perform vault operations from the command line, or develop and debug Obsidian plugins and themes.

SKILL.mdUpdated Apr 16, 2026

malhajri07/obsidian-cli

malhajri07/obsidian-bases

data-ai

VerifiedTrustedCommunity

Create and edit Obsidian Bases (.base files) with views, filters, formulas, and summaries. Use when working with .base files, creating database-like views of notes, or when the user mentions Bases, table views, card views, filters, or formulas in Obsidian.

SKILL.mdUpdated Apr 16, 2026

malhajri07/obsidian-bases

malhajri07/json-canvas

tools

VerifiedTrustedCommunity

Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections. Use when working with .canvas files, creating visual canvases, mind maps, flowcharts, or when the user mentions Canvas files in Obsidian.

SKILL.mdUpdated Apr 16, 2026

malhajri07/json-canvas

Download

For Claude Desktop. Download once, then upload the file in the app — no terminal needed.

Need help? View full Cowork setup guide →

Install manually

Choose your platform

# Clone the repo
git clone https://github.com/malhajri07/real-estate-CRM-project.git

# Copy into Claude Code skills folder (global)
cp -r real-estate-CRM-project/.claude/skills/add-pdf-report ~/.claude/skills/

Claude Code Skills — official skills path docs.

Repository

malhajri07/real-estate-CRM-project

Compatible with

Claude Code

OpenAI Codex CLI

ChatGPT