[verdetto][prompt generato][fonte: orshot.com]
Posso vibecodare Orshot?
// si costruisce in un weekend, ma restano buchi veri
Il render non è il moat: Chromium headless più un template Handlebars ti danno un PNG da un JSON in un pomeriggio. Quello che non esce da un weekend è ciò che gli sta attorno — l'editor visuale per chi non scrive HTML, un design che si ricompone in storia, quadrato e card OG, e una render farm prevedibile sotto picco.
confidenza: alta
cos’è: Generazione di immagini, video e PDF da template, richiamabile da una API, da un workflow o da un agente AI
Indice di costruibilità · gioco editoriale
- Prezzo da 39 $ · a consumo peso: più 3
- Tempo da un weekend a più giorni peso: più 2
- Categoria automazione non pesa
- Moat integrazioni · qualità di esecuzione · scala dell'infrastruttura peso: meno 4
- Confidenza alta peso: più 1
- Cosa perdi 8 voci peso: meno 3
- Sito orshot.com (si apre in una nuova scheda) non pesa
Si pareggiano. È il caso in cui decide quanto ti sta antipatico l’abbonamento.
Gioco editoriale: il verdetto dice se un agente può, l’indice se conviene.
// piano gratuito: 30 render credits and 50 AI credits, no card required, enough to evaluate but not to run anything recurring.
Cosa costruisci
Riempire un template HTML con del JSON, renderizzarlo in Chromium headless a viewport fisso, restituire PNG o PDF via HTTP e far passare un CSV in blocco dalla stessa strada.
cosa ti serve
- Chromium headless (Playwright o Puppeteer)
- un linguaggio di template e un posto dove tenere i template
- un pool di browser caldi e una coda di render
- la gestione dei font e degli asset di brand
- object storage più una CDN per la consegna
- un host che regga i picchi di traffico
Un «quasi» pulito. Il primo render è facile; il centomillesimo, a orario, in sei formati, pubblicato su cinque piattaforme, è un prodotto.
Il prompt
Un weekend con un agente di coding. I buchi che restano sono qui sotto, in «cosa perdi».
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.Prompt generato dai dati della scheda, non ancora rivisto a mano. In inglese di proposito — è la lingua in cui gli agenti di coding rendono meglio.
Cosa perdi
- un editor visuale in stile studio per chi non sviluppa
- oltre 2.000 template già pronti
- un solo design ridimensionato in automatico su ogni formato social
- workflow schedulati e attivati da webhook
- la pubblicazione sulle piattaforme social
- le integrazioni MCP e con gli agent
- l'editor embedded in white label
- workspace, audit log e accessi di team
Perché pagano ancora
Perché chi ha bisogno della grafica di solito non è chi sa mantenere in piedi un pool di Chromium, e il valore si vede quando il marketing modifica un template senza aprire un ticket.
moat: Integrazioni Qualità di esecuzione Scala dell'infrastruttura cos’è un moat
rifinitura dell'editor per chi non sviluppa, integrazioni di workflow e pubblicazione, infrastruttura di render sempre calda
Alternative gratuite
Non hai voglia di costruirtelo? Queste esistono già, sono gratis o open source, e le abbiamo controllate una per una.
Scartate (4) — e perché
- Templated Free (si apre in una nuova scheda) — Lo scambio uno-a-uno più ovvio, ma l'offerta gratuita è di 50 crediti una tantum e non un piano gratuito ricorrente: finiscono e si ferma.
- Satori and @vercel/og (si apre in una nuova scheda) — Una libreria di rendering, non un prodotto finito. Disegna l'immagine e ti lascia l'archivio dei template, la coda, la cache e la consegna.
- Penpot (si apre in una nuova scheda) — Salta fuori ogni volta che si parla di design open source, ma è uno strumento di design senza API di render: non c'è niente che un workflow possa chiamare.
- Canva Bulk Create (si apre in una nuova scheda) — Da CSV a design è la forma giusta, ma sta dietro Canva Pro, quindi il piano gratuito il lavoro non lo fa.
Chi l’ha già costruito
Partire da qui è vibecoding lo stesso: il prompt serve quando lo vuoi esattamente a modo tuo.
- Bannerbear (si apre in una nuova scheda) — The API first image generation category opener; proof the template plus API shape is a real product and not a script (alive)
- Satori (si apre in una nuova scheda) — Vercel's HTML and CSS to SVG renderer, the engine behind most homegrown OG image endpoints (alive)
Sei d’accordo?
La bilancia dei voti
Ancora nessun voto: il tuo è il primo.
Nessun voto ancora — il primo pesa.
