Takumi
Rust JSX-to-image renderer for social/OG images, designed to avoid headless-browser overhead.
Takumi v2 adds renderSvg(), on-demand Google Fonts subset loading, language-aware text shaping for Japanese/Chinese/Korean Han unification, a redesigned font system, broader CSS/Tailwind 4 support, grid display, RTL text, and more style properties. The v2 route is not just a feature bump: fonts and images become explicit per-render resources, top-level render calls become async, and CSS defaults move closer to browser behavior. Source: Takumi v2 docs, 2026-06-24
Versioning note: as of 2026-07-01, takumi-js, @takumi-rs/core, and @takumi-rs/wasm still have stable 1.8.7, while the v2 track has beta 2.0.0-beta.14 and rc 2.0.0-rc.3 dist-tags. The repo default branch HEAD is 6e2ca25c415290c74e3a0ab8c8f2927cb977d195; v2 work should be treated as the v2/rc track until the package latest tag moves. Source: npm registry packument; git ls-remote, 2026-07-01
Routing Summary
Use Takumi for JSX-to-image output: OG images, social cards, event cards, and programmatic preview images. Route through Security and Review Skills, Frontend and Design Skills, and Wiki Artifact Embeds when the work involves generated image artifacts rather than interactive UI.
Where It Fits
Takumi is relevant anywhere the output is a rendered image rather than interactive DOM: OpenGraph images, social share cards, event cards, Luma/Threads/X previews, and programmatic image generation. It occupies the same problem space as Satori/resvg-style renderers but uses a Rust engine and JSX authoring surface.
X Artifact
- Local demo media: thumbnail; video remains available in the original tweet/enriched source record.
Timeline
- 2026-07-01 | Refreshed package dist-tags: stable remains
1.8.7; v2 remains beta/rc with2.0.0-beta.14and2.0.0-rc.3; default branch HEAD is6e2ca25c415290c74e3a0ab8c8f2927cb977d195. Source: npm registry packument;git ls-remote, 2026-07-01 - 2026-06-24 | Captured Takumi v2 beta from Kevin's X bookmarks and promoted it to a tool page for OG/social-image rendering. Source: X/@kanewang_, 2026-06-24
- 2026-06-30 | Deep-reviewed v2 artifacts and added package dist-tag/version routing so agents distinguish stable 1.8.7 from the v2 beta/rc track. Source: npm registry via
npm view, 2026-06-30