LogoClawIndex
案例技能关于
LogoClawIndex

pretext - 创建交互式文字几何浏览器演示

使用 @chenglou/pretext 构建单文件浏览器演示,实现文本测量、布局、画布渲染、动态排版和文字几何效果。

标签

更新于: 2026-09-28
创意编程排版pretextASCII 艺术画布生成艺术文本布局动态排版

能力

典型输入

典型输出

该技能可以做什么

  • 测量多行文本
  • 布局可变宽度行
  • 在画布上渲染文本
  • 动画化字素几何
  • 创建单文件 HTML 演示
  • 在本地验证演示

输入

  • 用户创意需求
  • 源文本内容
  • 字体设置
  • 布局尺寸
  • 障碍物几何数据
  • 交互需求

输出

  • 单文件 HTML 演示
  • 浏览器渲染的可视化效果
  • 演示文件路径

要求

  • 现代浏览器
  • HTML5 Canvas 2D
  • Intl.Segmenter 支持
  • 访问 esm.sh CDN 的网络连接

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
测量多行文本
布局可变宽度行
在画布上渲染文本
动画化字素几何
用户创意需求
源文本内容
字体设置
单文件 HTML 演示
浏览器渲染的可视化效果
演示文件路径