П.ВИН
Tool

KP RendererTool из портфолио Паши Вина

Серверный сервис на Bun для автоматической генерации коммерческих предложений и диагностических PDF из веб-страниц через Playwright. Принимает запрос с данными — отдаёт готовый PDF за секунды.

01. КатегорияTool
02. РольFull-stack, Product
03. Датамар 2026

Что это?

Серверный сервис на Bun для автоматической генерации коммерческих предложений и диагностических PDF из веб-страниц через Playwright. Принимает запрос с данными — отдаёт готовый PDF за секунды.

Какую задачу решает?

Было: менеджер вручную собирает КП в Figma/Word по 2 часа на каждого клиента → Стало: API-вызов возвращает фирменный PDF за секунды, верстальщик не нужен.

Как реализовано?

Реализовано на стеке: Bun, TypeScript, Playwright, pdf-lib. Сервис превращает доверенные веб-страницы в pixel-perfect PDF одним POST-запросом с Bearer-авторизацией.

BunTypeScriptPlaywrightpdf-libChromiumBunTypeScriptPlaywrightpdf-libChromiumBunTypeScriptPlaywrightpdf-libChromiumBunTypeScriptPlaywrightpdf-libChromium
Каждое коммерческое предложение раньше собиралось вручную в Figma — часы дизайнера на документ, который клиент откроет один раз. Цель — превратить КП в API-вызов: сервис рендерит доверенную страницу в Chromium и отдаёт готовый PDF за секунды, без участия человека.
KP Renderer
KP Renderer — Каждое коммерческое предложение раньше собиралось вручную в Figma — часы дизайнера на документ, который клиент откроет один раз.

Вызов

Ручная сборка КП

Каждое коммерческое предложение собиралось вручную в дизайнерских инструментах, что блокировало масштабирование продаж.

  • 2–3 часа дизайнера на один документ
  • Расхождения в вёрстке между менеджерами
  • Невозможно генерировать КП из CRM по триггеру

Решение

PDF как API

Сервис превращает доверенные веб-страницы в pixel-perfect PDF одним POST-запросом с Bearer-авторизацией.

  • + Playwright рендерит страницу в реальном Chromium
  • + Whitelist доменов и путей блокирует чужие URL
  • + Скрытие служебных UI-элементов через data-атрибуты

Архитектура & Стек

Mindmap

[ Mindmap Процессов / v2.0 ]
NODE.01

HTTP API

Приём задач на рендер
Bun · TypeScript · REST

NODE.02

Renderer

Браузерный рендер страниц
Playwright · Chromium · CSS inject

NODE.03

PDF Engine

Сборка финальных документов
pdf-lib · print-to-PDF · streams

NODE.04

Security

Защита от чужих URL
Bearer auth · host whitelist · path validation

COREEngine

Смоделировано 100 предпринимателями

Бизнес Импакт

2ч→5с

время на одно КП

0

ручной вёрстки

24/7

генерация по API

Следующий кейс

ProductRadar Outreach