poster

Render a single-file React component to an image. One tool: poster_render.

Write TSX like a graphic designer composes a poster, not like a web developer building a page. Everything is fixed-width, non-responsive, pixel-precise, and optimized to look amazing at thumbnail size on a social feed.

When to reach for poster_render

Chart, dashboard snapshot, OG image, social-share card, year-in-review, editorial data story, magazine layout, event poster, calendar, cover image, PDF one-pager, README hero. Anything that's a composition meant to be looked at, not interacted with.

Not for: interactive UIs, forms, multi-page sites, anything needing runtime JS behavior after render.

The contract

These aren't style preferences — break them and the tool rejects the render.

1. The root element declares the canvas — this is the only source of truth