pretext

Name: pretext
Availability: InStock
Author: shuff57

Create dynamic text layouts and text-as-geometry with the Pretext library.

Updated Mar 29, 2026

Search Tags:#typography #creative coding #text layout #pretext #dynamic text

Ready to run

npx skills add https://github.com/shuff57/agent-evo --skill pretext-shuff57

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: pretext
Source: https://github.com/shuff57/agent-evo/tree/main/skills/.archive/topics-2026-05-10/creative/pretext
Command: npx skills add https://github.com/shuff57/agent-evo --skill pretext-shuff57

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @chenglou/pretext, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill allows users to create visually engaging, dynamic text-based visual art and interactive text layouts using the Pretext library.

Core Features & Use Cases

Dynamic Text Layouts: Measure and lay out text in various creative and interactive ways.
Text-as-Geometry: Transform text into geometric shapes or flow around obstacles.
Use Case: Imagine you want to create a text-based interactive demo that reflows text around a moving orb. This Skill can help you achieve that by utilizing Pretext's powerful text measurement and layout capabilities.

Quick Start

Use the pretext skill to create a dynamic text layout around a moving orb, with text flowing and interacting with the orb's position.

Frequently Asked Questions about pretext

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I create dynamic text layouts that reflow around moving objects?▼

Dynamic text layouts that reflow around moving objects are created using the Pretext library to measure text and adjust layout based on interactive elements. This enables text to flow and interact visually with changing positions.

What is text-as-geometry in creative coding?▼

Text-as-geometry in creative coding is the process of transforming text into geometric shapes or forcing it to flow around obstacles. The Pretext library provides text measurement capabilities to achieve these visually engaging and interactive typography experiments.

Do I need the @chenglou/pretext package to build interactive typography demos?▼

Yes, you need the @chenglou/pretext package to build interactive typography demos with this Skill. It serves as the required dependency for accurate text measurement and dynamic layout capabilities used in creative coding.

Can I use this Skill for general web page text layout design?▼

This Skill is designed specifically for creative coding, interactive text-based visual art, and typography experiments rather than general web page text layout design. It focuses on dynamic measurement and visually engaging text interactions.

What's the best way to measure text for a creative coding layout?▼

The best way to measure text for a creative coding layout is using the Pretext library, which provides specialized text measurement and layout capabilities. This allows you to accurately calculate dimensions for dynamic text-based visual art.