Measure and layout text without a DOM for canvas rendering.
npx skills add https://github.com/Plaidmustache/hermes-nulab --skill pretext-plaidmustache
Please help me install this Agent Skill. Skill: pretext Source: https://github.com/Plaidmustache/hermes-nulab/tree/main/skills/creative/pretext Command: npx skills add https://github.com/Plaidmustache/hermes-nulab --skill pretext-plaidmustache
Pretext provides a DOM-free way to measure and layout text in the browser, enabling creative demos and generative typography without reflows or heavy DOM manipulation.
Import @chenglou/pretext and build a single-file HTML demo that measures text and lays it out around an obstacle.
High-intent search queries and answers about installing and using this skill.
DOM-free text measurement is achieved by passing a font string and max width to layout APIs, which return per-line data, line widths, and total height directly for canvas rendering.
To flow text around obstacles, the layout engine measures grapheme positions and line ranges, allowing a single-file HTML canvas demo to calculate spatial boundaries and wrap text accurately.
Yes, kinetic typography and text-as-geometry are supported by exposing per-glyph data and line ranges, enabling precise coordinate mapping within a self-contained HTML canvas demo.
Custom line breaking utilizes returned per-line data, line widths, grapheme positions, and total height, providing the exact metrics needed to render accurately across canvas implementations.
No external dependencies are required. The engine operates entirely DOM-free, enabling lightweight, single-file HTML demos without heavy DOM manipulation or reflows.
ArtRivSelect Phaser 4 Text, BitmapText, or DynamicBitmapText for styled UI and animated game text.
techybolekReload a single PDF's chunks into Qdrant without touching other documents.
SethyPagnaCreate browser-based text layout demos with canvas rendering and grapheme segmentation.
heysuhasMeasure and layout DOM-free text for canvas-based visualizations.
