Measure multiline text height without DOM reflow using canvas-based arithmetic.
npx skills add https://github.com/iinoshirozheng/SinoCloudChat --skill pretext
Please help me install this Agent Skill. Skill: pretext Source: https://github.com/iinoshirozheng/SinoCloudChat/tree/main/.agents/skills/pretext Command: npx skills add https://github.com/iinoshirozheng/SinoCloudChat --skill pretext
Pretext eliminates the overhead of DOM-based text measurement by providing a DOM-free, canvas-based workflow that computes text height and line counts with pure arithmetic, enabling faster rendering in dynamic UIs.
Call prepare(text, font) and then layout(prepared, maxWidth, lineHeight) to obtain height.
High-intent search queries and answers about installing and using this skill.
DOM-free text measurement calculates multiline text height using pure arithmetic and canvas APIs, eliminating the layout jank and performance overhead caused by DOM reflow.
Canvas measurement computes precise row heights for virtualized lists by applying width-aware line breaks, preventing scroll jank when rendering long dynamic lists.
Canvas-based text layout measurement is ideal for canvas and SVG rendering, providing font matching and multiline height calculations without touching the DOM.
Call prepare(text, font) to process text, then layout(prepared, maxWidth, lineHeight) to compute exact line breaks and total multiline text height.
DOM-free text measurement supports incremental calculations through layoutNextLine and walkLineRanges APIs, allowing you to process text segments and iterate through specific line ranges efficiently.
gensparxGenerate visual and file-based diffs from text or patch inputs.
akillnessMeasure multiline text height and line layout without DOM reflow.
TanStackCompose TanStack Table with @tanstack/angular-virtual to render large row sets.
icyzhMeasure and lay out multiline text without the DOM using the @chenglou/pretext library.
