Pretext 创意排版

解决什么问题

在浏览器里做文字相关的创意 demo 时，常见麻烦是：DOM 流式排版很难做整体化的 ASCII 图形控制，让文字绕开障碍物流动也没有顺手的方案，把文字当成几何体做视觉游戏时，逐个元素摆位置既难控又费性能。

技能如何工作

这个技能围绕 @chenglou/pretext 来构建创意浏览器 demo，核心能力包括：

• 无 DOM 文字布局：直接处理文字排版，不依赖传统 DOM 流
• ASCII 艺术：生成可控的 ASCII 图形效果
• 绕障文字流：让文字自然绕开指定障碍物
• 文字即几何：把文字当作几何元素做视觉实验
• 动态排版：实现随时间变化的 kinetic typography
• 文字生成艺术：基于文字做衍生的创意视觉

使用时按创意需求调用即可，默认产出 单文件 HTML demo，不需要额外的依赖装配步骤。

适用边界

它依赖 pretext 的能力，定位是创意实验与视觉 demo，适合快速验证排版类的视觉想法；不适合功能型业务页面，也不是传统 DOM 排版的替代方案，常规结构化文本展示仍应使用原生方案。