Measure and lay out multiline text without DOM reflow using canvas measurement.
npx skills add https://github.com/ZardLi1115/zedclaw --skill pretext-zardli1115
Please help me install this Agent Skill. Skill: pretext Source: https://github.com/ZardLi1115/zedclaw/tree/main/skills/creative/pretext Command: npx skills add https://github.com/ZardLi1115/zedclaw --skill pretext-zardli1115
Pretext measures and lays out multiline text without DOM reflow, so you can build creative browser demos where text behaves like geometry around obstacles and animations.
Use cases include kinetic typography, ASCII/prose “text-as-geometry” games, reflow-around-orb/sprite editorial layouts, and multiline shrink-wrap quote cards where you need the exact wrapping width before rendering.
Use the pretext skill to generate a single-file HTML demo that flows a paragraph around a moving orb using Pretext’s row-by-row streaming layout.
High-intent search queries and answers about installing and using this skill.
To flow text around moving shapes without DOM reflow, use canvas-based text measurement to compute variable-width line routing and draw the text manually on a canvas, avoiding layout thrash entirely.
Kinetic typography animates text as geometry, and canvas text layout works by measuring per-line widths and computing corridor-based streaming rows to route text dynamically around moving obstacles.
To build a single-file HTML demo for text-as-geometry games, compute layout math in JavaScript and render measured text directly on a canvas using row-by-row streaming layout.
Yes, you can measure multiline text wrapping width without the DOM by using canvas measurement APIs to calculate exact per-line widths and grapheme positions for shrink-wrapped layouts.
Yes, this text layout approach works for ASCII art and editorial layouts by continuously routing text row-by-row using corridor widths to flow around sprites or orbs.
ToqsickMeasure and layout text without the DOM using the pretext library.
techybolekReload a single PDF's chunks into Qdrant without touching other documents.
hungthinh04Route text around obstacles and animate typography as geometry in browser demos.
aayushsoamMeasure and position text on canvas for dynamic layouts.
