Measure and layout text on canvas using the @chenglou/pretext TypeScript library.
npx skills add https://github.com/lenadlm/docker --skill pretext-lenadlm
Please help me install this Agent Skill. Skill: pretext Source: https://github.com/lenadlm/docker/tree/main/hermes-skills/skills/creative/pretext Command: npx skills add https://github.com/lenadlm/docker --skill pretext-lenadlm
This Skill empowers users to create engaging text-based visual experiences, such as kinetic typography, ASCII art, and text-as-geometry games, without needing to write complex code.
Use the pretext skill to create a text reflow effect around a moving orb. Run the following command: pretext orb-flow.html.
High-intent search queries and answers about installing and using this skill.
You can measure text dimensions for kinetic typography without reflow by using canvas measurement. This TypeScript library calculates text positions dynamically, enabling the generation of text-based visuals that morph over time or flow around shapes.
Generating ASCII art and text-as-geometry visuals in TypeScript is achieved by using a canvas-based text measurement library. This approach enables the creation of dynamic generative visuals where text interacts seamlessly with geometric shapes and animations.
Yes, canvas measurement allows you to layout text around moving geometric shapes. By dynamically calculating text dimensions and positions, you can create reflow effects where typography flows seamlessly around animated objects like a moving orb.
Yes, the @chenglou/pretext package is required to create these text-based visual experiences. It provides the core TypeScript functions needed to measure text dimensions and calculate positions for generating dynamic layouts and animations.
You can create a text reflow effect around a moving orb by running the command `pretext orb-flow.html`. This leverages canvas-based measurement to dynamically adjust text layout and positioning as the animated shape moves across the screen.
Using canvas measurement for dynamic text layout is specialized for visual rendering and generative art contexts. It is designed specifically for creative projects where text interacts with geometric shapes or animations, rather than for standard HTML text flow applications.
jhlee0409Diagnose Konva canvas layout and grid alignment issues.
davpatel605-beepGenerate interactive browser typography with measured text layouts and animated compositions.
cxnaiveMeasure and lay out multiline text on canvas without DOM reflows.
humanerd-drewMeasure and lay out text with canvas rendering for creative applications.
