What problem does it solve? Measuring multiline text layout in the browser normally requires DOM reads and reflows, making effects like text flowing around moving shapes or per-glyph physics impractical at 60fps. This Skill uses @chenglou/pretext to compute line breaks, widths, and grapheme positions without touching the DOM, then renders the results on canvas. ## Core Features & Use Cases - Text reflow around obstacles: Stream lines with variable per-row widths so paragraphs part around dragged sprites, ASCII logos, or morphing wire shapes. - Text-as-geometry games and kinetic typography: Build Breakout-style word bricks, shatter sentences into per-glyph particles, or animate per-line transforms. - Multiline shrink-wrap and editorial layouts: Compute tightest container widths and flow text across multiple columns with a shared cursor. - Use Case: A user asks for a demo where a paragraph of real prose flows around a draggable glowing orb; the Skill produces a single self-contained HTML file using layoutNextLineRange with a per-row width function. ## Quick Start Ask the agent to create a pretext demo, for example: build a single-file HTML page where a paragraph of prose flows around a draggable orb using @chenglou/pretext.
