pretext

Generate custom text layouts with canvas measurement for ASCII and generative art.

Updated Jun 22, 2026
One-click install
npx skills add https://github.com/ashiqcodeleaf/long-Run-Agents --skill pretext-ashiqcodeleaf
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: pretext
Source: https://github.com/ashiqcodeleaf/long-Run-Agents/tree/main/skills/creative/pretext
Command: npx skills add https://github.com/ashiqcodeleaf/long-Run-Agents --skill pretext-ashiqcodeleaf

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill allows users to generate captivating text-based layouts for ASCII art, typography, and generative art, without the complexities of DOM manipulation.

Core Features & Use Cases

  • DOM-free Text Layouts: Design and render text layouts using canvas measurement and layout, without reliance on the DOM.
  • Creative Layouts: Support for various creative text layouts, including text around obstacles, text-as-geometry games, and kinetic typography.
  • Use Case: If you need to create a visually appealing text animation for a website or a game, this Skill can help you achieve that with ease.

Quick Start

Run the pretext skill and use the following command: pretext create "Your text here" --shape "sphere" --size 100 --color "#ff0000".

Frequently Asked Questions about pretext

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

FAQPage Schema
How do I generate ASCII art and text layouts without relying on the DOM?

DOM-free text layouts use canvas measurement and layout algorithms to position characters for ASCII art and typography, bypassing browser DOM manipulation entirely. This method calculates text dimensions directly to render custom shapes and generative art.

Can I render typography into specific shapes like a sphere using canvas measurement?

Yes, rendering typography into specific shapes like a sphere is supported by passing shape, size, and color parameters to the layout generator. The canvas measurement engine calculates text boundaries to fit your string into the requested geometry.

What is kinetic typography and how does canvas-based text layout handle it?

Kinetic typography involves creating moving or dynamic text layouts. Canvas-based text layout handles this by measuring and positioning characters independently of the DOM, enabling complex text-as-geometry games and dynamic text around obstacles.

Does generative art require DOM dependencies for custom text layout creation?

No, creating custom text layouts for generative art does not require DOM dependencies when using canvas measurement. The layout engine operates independently, allowing you to generate text-based ASCII art and typography directly.

What are the limitations of DOM-free canvas text layout for ASCII art?

DOM-free canvas text layout for ASCII art relies entirely on canvas measurement rather than standard DOM rendering, meaning it lacks native DOM features like CSS styling or text selection. It is specialized for creative layouts, kinetic typography, and text-as-geometry rather than standard document flow.