skills.rest
shuff57
shuff57COMMUNITY
Explore all skills by this author →
GitHub

pretext

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
One-click install
npx skills add https://github.com/shuff57/agent-evo --skill pretext-shuff57
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
richardnguyen0715richardnguyen0715

pretext

Measure and layout text without a DOM using the @chenglou/pretext library.

Community
Advanced
guccangguccang
3

pretext

Create dynamic browser text layouts using measured text geometry with canvas rendering.

Community
Advanced
SignmanalSignmanal
1

pretext

Generate single-file HTML demos with dynamic text layout using pretext and Canvas.

Community
Intermediate
projectedanxprojectedanx
1

pretext

Measure text and calculate line breaks on canvas without DOM reflow.

Community
Advanced