Pot să vibecodez Orshot?

Ce construiești

Fill an HTML template with JSON, render it in headless Chromium at a fixed viewport, return PNG or PDF over HTTP, and batch a CSV through the same path.

ce îți trebuie

• headless Chromium (Playwright or Puppeteer)
• a template language and a place to store templates
• a warm browser pool and a render queue
• font and brand asset handling
• object storage plus a CDN for delivery
• a host that tolerates burst traffic

A clean kinda. The first render is easy and the hundred thousandth one on a schedule, in six formats, published to five platforms, is a product.

Promptul

Un weekend cu un agent de coding. Golurile care rămân sunt mai jos, la „ce pierzi”.

Build me a local templated image and PDF render service to replace an image generation API. Requirements:

- Node 22 with Express in a single server.js, plus Playwright driving Chromium.
  No build step, no framework, no database.
- A template is a folder at templates/<name>/ holding index.html with Handlebars
  placeholders, style.css, and meta.json with width, height, and defaults.
- Ship 3 starters: an OG card at 1200x630, an Instagram square at 1080x1080, and
  a one page invoice that renders to PDF.
- POST /render {template, modifications, format} returns PNG, JPEG, or PDF.
  Fill the template, set the viewport from meta.json, screenshot the page.
  PDFs go through page.pdf() instead.
- GET /render/<template>.png?headline=...&image=... does the same thing from
  query params so the URL can be dropped straight into an img tag.
- POST /batch accepts a CSV or a JSON array, renders every row into out/ with a
  concurrency of 4, and returns a manifest of paths.
- A brand.json with 4 colors and 2 local font files, injected into every template
  as CSS custom properties so a rebrand is one file edit.
- Keep one browser instance warm and reuse pages. Launching Chromium per request
  is the thing that makes the naive version unusable.
- Cache by a hash of template plus modifications into .cache/ and serve hits from
  disk before touching the browser.
- Fonts load from ./fonts via @font-face with file:// URLs, and the renderer waits
  on document.fonts.ready so text never screenshots mid swap.
- Out of scope: a visual editor, video, social publishing, and multi tenant auth.
  I write templates in HTML by hand and that is the trade I am making.
- README: how to add a template, how fonts resolve, and the Docker line that
  installs the Chromium system dependencies.

Ce pierzi

• visual studio editor for non developers
• 2,000 plus prebuilt templates
• one design auto resized to every social format
• scheduled and webhook driven workflows
• publishing to social platforms
• MCP and agent integrations
• white label embedded editor
• workspaces, audit logs, and team access

De ce se plătește în continuare

Because the person who needs the graphic is usually not the person who can maintain a Chromium pool, and the value shows up when marketing edits a template without filing a ticket.

moat: Integrări Calitatea execuției Scara infrastructurii ce e un moat

editor polish for non developers, workflow and publishing integrations, warm render infrastructure

Alternative gratuite

N-ai chef să ți-o construiești? Astea există deja, sunt gratuite sau open source, și le-am verificat una câte una.

Cine l-a construit deja

Să pornești de aici e tot vibecoding: promptul e pentru când o vrei exact în felul tău.

• Bannerbear (se deschide într-o filă nouă) — The API first image generation category opener; proof the template plus API shape is a real product and not a script (alive)
• Satori (se deschide într-o filă nouă) — Vercel's HTML and CSS to SVG renderer, the engine behind most homegrown OG image endpoints (alive)

Ești de acord?

Aplicații similare

Canva 18 $ CAM AȘA Make 12 $ CAM AȘA n8n Cloud 24 $ DA