Measure multiline text geometry with pretext for DOM-free browser demos.
npx skills add https://github.com/ruiyangruiyi/hermes-agent --skill pretext-ruiyangruiyi
Please help me install this Agent Skill. Skill: pretext Source: https://github.com/ruiyangruiyi/hermes-agent/tree/main/skills/creative/pretext Command: npx skills add https://github.com/ruiyangruiyi/hermes-agent --skill pretext-ruiyangruiyi
Pretext turns creative “how should this text layout?” ideas into shippable browser demos by measuring and laying out multiline text without DOM reads or reflow, so you can reliably render text as geometry around moving shapes.
Ask the AI to create a single self-contained HTML file using pretext that flows a real paragraph of prose around a draggable orb and includes a warm dark palette plus one extra interactive detail the user didn’t request.
High-intent search queries and answers about installing and using this skill.
DOM-free text layout lets you route text around moving obstacles by using a streaming layout cursor to shape a variable-width corridor for each row, avoiding DOM reflow during animation.
DOM-free text layout lets you route text around moving obstacles by using a streaming layout cursor to shape a variable-width corridor for each row, avoiding DOM reflow during animation.
To build ASCII art and collision demos, generate a self-contained HTML file that uses precomputed line breaks and per-grapheme metadata to drive generative compositions and text physics.
Yes, you must pin the pretext ESM CDN version and call prepare or prepareWithSegments once per text and font pair before driving layout per row with layoutNextLineRange or layoutWithLines.
Yes, by precomputing line breaks and per-grapheme positions from text, font, and width, you can animate text reflow around sprites and obstacles without causing layout shift.
Text layout shifts during canvas animation when relying on DOM reads; precomputing multiline text geometry without DOM reflow ensures stable per-grapheme positions for kinetic typography.
PlaidmustacheMeasure and layout text without a DOM for canvas rendering.
jaredcroxtonMeasure and lay out DOM-free multiline text using canvas metrics.
anxiety135790Build single-file browser demos that measure and lay out text without DOM reflow.
ghufronbagaskaraMeasure and lay out text on HTML5 Canvas without DOM reflows.
