Render Postkit slide HTML files into native-dimension PNG images.
npx skills add https://github.com/Trystan-SA/postkit --skill postkit-render
Please help me install this Agent Skill. Skill: postkit-render Source: https://github.com/Trystan-SA/postkit/tree/main/templates/project/.claude/skills/postkit-render Command: npx skills add https://github.com/Trystan-SA/postkit --skill postkit-render
It solves the problem of turning your Postkit HTML/CSS slide files into shareable image assets without manual screenshotting.
slide-*.html files for a chosen post into PNGs at the post’s native dimensions.slide-*.html presence and uses post.json when available (otherwise defaults to 9:16) to determine sizing/format behavior./postkit-new) and enables previewing edits quickly; also supports rendering multiple posts in a series.Ask the assistant to render your post “series-01” to PNG images.
High-intent search queries and answers about installing and using this skill.
To render HTML slides to PNG, the Skill invokes a Puppeteer pipeline that converts slide-*.html files into native-dimension PNG outputs for a selected post or series.
You do not need a post.json file to export slide decks to PNG. The Skill optionally uses post.json for format behavior but defaults to a 9:16 aspect ratio when it is absent.
You can batch render multiple posts in a series to PNG. The Skill supports rendering an entire post series by locating the respective slide HTML files and producing output PNGs.
The best way to automate PNG export is using the npx postkit render command, which processes slide-*.html files and generates slide-N.png files in the post output directory.
Rendered slide PNGs default to the wrong size when post.json is missing or lacks format specifications. The Skill defaults to 9:16 dimensions if it cannot locate valid format metadata.
Postkit-render does not work without Puppeteer for HTML to PNG conversion. The rendering pipeline relies explicitly on Puppeteer to generate native-dimension PNG outputs from HTML slides.
TumeloRamaphosaGenerate token-compliant design tokens and brand-styled slide HTML.
cescrafliDistributes content across X, LinkedIn, Threads, and Bluesky with platform-native adaptation.
getspurManage slide deck authoring and rendering within Jupyter notebooks.
AnandaAnugrahHandyantoGenerate p5.js sketches from prompts and export them as HTML, PNG, GIF, MP4, or SVG.