pretext - Create interactive text-geometry browser demos
Builds single-file browser demos using @chenglou/pretext for text measurement, layout, canvas rendering, typography, and text-based geometry.
Tags
Updated: 2026-09-28Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Measure multiline text
- Lay out variable-width lines
- Render text on canvas
- Animate per-grapheme geometry
- Create single-file HTML demos
- Verify demos locally
Inputs
- User creative brief
- Source text corpus
- Font settings
- Layout dimensions
- Obstacle geometry
- Interaction requirements
Outputs
- Single-file HTML demo
- Browser-rendered visualization
- Demo file path
Requirements
- Modern browser
- HTML5 Canvas 2D
- Intl.Segmenter support
- Network access to esm.sh CDN