Compute text height and line geometry in pure JavaScript without DOM reads.
npx skills add https://github.com/goddard-ai/goddard --skill pretext-goddard-ai
Please help me install this Agent Skill. Skill: pretext Source: https://github.com/goddard-ai/goddard/tree/main/app/.agents/skills/pretext Command: npx skills add https://github.com/goddard-ai/goddard --skill pretext-goddard-ai
Build, refactor, debug, and review browser UI code that uses Pretext for DOM-free multiline text measurement and manual text layout via prepare, layout, prepareWithSegments, layoutWithLines, walkLineRanges, layoutNextLine, clearCache, or setLocale. Use when Codex must predict text height without DOM reads, preserve line count while shrinkwrapping, route text around shapes or varying-width slots, hand text across columns, or compose measured inline fragments in JS/TS.
Call prepare(text, font) to analyze text, then layout(prepared, maxWidth, lineHeight) to obtain height or lines.
High-intent search queries and answers about installing and using this skill.
DOM-free text measurement is achieved by calling prepare(text, font) to analyze the text, then layout(prepared, maxWidth, lineHeight) to compute exact dimensions and line geometry without any DOM reads.
Obstacle wrapping is handled by manual text layout tools like layoutWithLines and layoutNextLine, which route inline fragments around shapes and varying-width slots with precise control over line breaks.
Multi-column flows are computed by passing prepared text through layout APIs, allowing you to hand text across columns and compose measured inline fragments entirely in JS/TS without DOM dependencies.
Yes, locale control is supported via the setLocale API, which works alongside shared caches to optimize repeated measurements across different language contexts.
Use prepareWithSegments to analyze text fragments, then apply layout tools to compute geometry that preserves the original line count while shrinkwrapping the container width.
Use clearCache when font changes, locale shifts via setLocale, or repeated measurements produce stale geometry, ensuring subsequent layout and prepare calls return fresh line calculations.
GuiGPaPMeasure text metrics and line breaks using Canvas measureText and Intl.Segmenter.
JamesFincherGenerate single-file HTML demos with DOM-free text layout around obstacles.
ToqsickMeasure and layout text without the DOM using the pretext library.
kevinnftMeasure multiline text without DOM using Pretext layout APIs.
