Measure and render DOM-free kinetic typography on HTML5 Canvas.
npx skills add https://github.com/zangjeicy/Hermes --skill pretext-zangjeicy
Please help me install this Agent Skill. Skill: pretext Source: https://github.com/zangjeicy/Hermes/tree/main/skills/creative/pretext Command: npx skills add https://github.com/zangjeicy/Hermes --skill pretext-zangjeicy
This skill solves the challenge of creating complex, high-performance typographic layouts and creative text-based visuals that are difficult or impossible to achieve with standard CSS and DOM manipulation.
Use the pretext skill to generate a creative HTML demo that displays a paragraph of text flowing around a moving circular obstacle.
High-intent search queries and answers about installing and using this skill.
Kinetic typography at 60fps requires DOM-free canvas rendering to bypass expensive browser reflows. This skill uses the pretext library for high-performance text measurement, enabling real-time geometric reflow for smooth animations.
DOM-free text measurement calculates text geometry directly via canvas without creating HTML elements. You need it for creative coding tasks like text-based games or editorial layouts requiring real-time text flowing around moving obstacles.
Dynamic text reflow around moving shapes uses the pretext library for geometric measurement on HTML5 Canvas. This skill generates single-file HTML demos where paragraphs continuously reflow around draggable sprites or morphing obstacles.
Yes, the pretext skill requires HTML5 Canvas to execute high-performance DOM-free text measurement and layout. It relies on the canvas API alongside the pretext library to avoid browser reflows during creative rendering.
Building text-as-geometry games without CSS limitations is best achieved through DOM-free canvas rendering. This skill provides a creative coding interface using pretext for real-time text measurement, avoiding standard DOM manipulation constraints.
zeronx798Measure and lay out text on HTML5 Canvas using the pretext ESM module.
GitnappConvert measured text layout data into interactive canvas typography compositions.
InverterNetworkMeasure and lay out multiline text on HTML5 Canvas without DOM reflow.
DarkArty07Generate dynamic geometric text layouts as single-file HTML demos.
