pretext

Measure and position text on canvas for dynamic layouts.

1|1|Updated May 25, 2026
One-click install
npx skills add https://github.com/aayushsoam/clawbot-agent --skill pretext-aayushsoam
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: pretext
Source: https://github.com/aayushsoam/clawbot-agent/tree/main/skills/creative/pretext
Command: npx skills add https://github.com/aayushsoam/clawbot-agent --skill pretext-aayushsoam

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 empowers you to create engaging, typographically rich UIs that dynamically adapt to content, breaking the traditional boundaries of fixed layouts.

Core Features & Use Cases

  • Dynamic Text Layouts: Achieve complex text flows and layouts, such as text wrapping around shapes or flowing in a non-rectangular container.
  • Generative Art: Create generative art using text, manipulating fonts, colors, and positions.
  • Use Case: Imagine you want to create a visually stunning website header that dynamically adjusts text layout based on the content and screen size.

Quick Start

Use the pretext skill to generate a dynamic text layout demo that flows around a moving orb.

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 flow around shapes on a canvas?

Dynamic text layouts measure and position text on a canvas to flow around shapes. This Skill uses the pretext library to calculate text boundaries and adapt content to non-rectangular containers.

What is generative art using text measurement and layout algorithms?

Generative art using text layout algorithms manipulates font positions and colors dynamically. This Skill measures text on a canvas to create custom, typographic visuals that adapt to screen size.

Does the pretext library support custom UI elements for adapting to screen size?

Yes, the pretext library supports custom UI elements by measuring and positioning text on a canvas. It enables typographic layouts to dynamically adapt to varying screen sizes and content lengths.

How do I generate a dynamic text layout demo that flows around a moving object?

To generate a dynamic text layout demo, use this Skill to calculate canvas measurements and position text to flow around a moving orb. It utilizes the pretext library for text measurement.

What are the limitations of using dynamic text layout algorithms for web headers?

Dynamic text layout algorithms for web headers require canvas measurement and can be resource-intensive. Complex text flows around shapes may impact rendering performance if not optimized properly.