What problem does it solve? Building creative browser demos with text that flows around moving shapes, shatters into particles, or forms game geometry requires knowing line breaks before rendering, which CSS cannot provide. This Skill produces polished single-file HTML demos using @chenglou/pretext's canvas-based text measurement. ## Core Features & Use Cases - Text reflow around obstacles: Stream paragraphs around draggable sprites or ASCII logos using layoutNextLineRange with per-row width functions. - Text-as-geometry games and kinetic typography: Build Breakout-style word bricks, shattering glyph particles, and animated editorial layouts with per-line transforms. - Ready-made templates and patterns: Start from hello-orb-flow.html or the advanced donut-orbit.html template, plus a patterns reference covering seven demo archetypes. - Use Case: A user asks for a demo where a paragraph parts around a draggable glowing orb; the Skill generates a self-contained HTML file with pinned esm.sh imports, real prose, a dark palette, and 60fps animation. ## Quick Start Ask the agent to create a pretext demo where text flows around a moving shape, then open the generated HTML file with python3 -m http.server.
