讲师中心 微信公众号

工具推荐

视频效率加速
Laper
Laper

剧本策划到成片协作

剧云
剧云

中文短剧剧本制作平台

立刻MV
立刻MV

低成本歌曲 MV、视频生成

AniShort
AniShort

AI短剧协同制作平台

TeX Render

Polar Sponsor
爱发电 赞助
.NET 9.0

{"answer":"利用 MathJax (TeX→SVG) 和 @svg-fns/svg2img 将 LaTeX 数学公式渲染为 PNG、JPEG、WebP 或 AVIF 图片。当智能体需输出 LaTeX 可视化内容时调用。"}

TeX Render 将 LaTeX 数学调用到 PNG、 JPEG、 WebP 或 AVIF( 和 SVG)

功能概述

TeX Render 将 LaTeX 数学调用到 PNG、 JPEG、 WebP 或 AVIF( 和 SVG)是一项面向实际任务的技能,主要用于当您需要 LaTeX 的可查看图像而不是原始代码时使用;. 用户通知 : 当此技能生效时, 代理将使用。

核心要点

  • 它将相关步骤、工具调用和结果整理方式集中到统一流程中,帮助使用者更快完成目标并减少重复操作。
  • 使用时应结合输入条件选择合适的执行方式,核对必要参数、依赖环境与输出内容,并按原始要求处理异常情况。
  • 从功能定位来看,该技能强调把分散的操作要求整理成清晰、可复用的处理流程,使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。

使用与执行

实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数,再依据技能说明逐步执行;若输入条件不完整,应先补齐信息或采用保守配置,避免因错误假设导致结果偏离需求。执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期,并对异常提示、缺失字段和边界情况进行处理;

结果检查与注意事项

涉及批量任务时,还应保存进度,避免中断后重复操作。该技能适合用于一次性任务,也可以接入自动化工作流,与其他技能或上层代理配合完成更完整的业务链路;在组合使用时,应明确每一步的输入输出关系,并避免不同步骤之间出现参数冲突。

TeX 渲染 📐

将 LaTeX 数学公式渲染为 PNG、JPEG、WebP 或 AVIF(以及 SVG)格式图像。当你需要从 LaTeX 生成**可查看的图像**而非原始代码时使用本功能。

用户须知:启用此技能后,智能体将在其回复中**自动**将所有 LaTeX 内容渲染为图像,并按顺序发送——无需征得用户许可。若你更倾向于被主动提示,或希望直接接收原始 LaTeX 代码,请勿启用该技能(或将其从工作区中移除)。

位置

渲染脚本位于与本 SKILL.md 文件同级的技能文件夹中:

/
├── SKILL.md
├── package.json
└── scripts/
    ├─── render.js
    └─── validate.js

请将包含本 SKILL.md 的目录作为技能路径。脚本相对于该目录的路径为 scripts/render.js。调用方式为:node /scripts/render.js。加载该技能的智能体已持有技能路径,请据此执行脚本。

安装

一次性初始化设置。执行 clawhub install tex-render 后,在技能文件夹内运行 npm install:

cd 
npm install
  • 来源:所有依赖均仅来自公共 npm 仓库(无临时下载、短链接或远程归档包)。
  • 原生模块:sharp 包在安装过程中可能触发编译;请确保已安装 Node.js 14+ 及可用的构建工具链(详见 sharp 官方安装说明中的平台注意事项)。

适用场景

  • 用户或任务明确要求“将该公式渲染为图像”或“以图片形式展示公式”
  • 你的回复中将包含 LaTeX —— 请先将公式渲染为图像,再以纯文本形式回应

工作流:回复中含 LaTeX

请以交错方式输出回复:每当原本应输出 LaTeX 时,请按以下步骤操作:

  1. 发送前置纯文本 —— 调用 message 方法,传入截至目前已写就的文本(不含 LaTeX)。
  2. 渲染 LaTeX 表达式(使用本技能,默认输出 PNG 格式;请勿添加 --output dataurl 参数)。解析返回的 JSON,提取 PNG 文件路径。
  3. 发送图像 —— 调用 message 方法,设置 action: "send",path 指向渲染所得 PNG 文件路径,并以简短说明文字作为 message 值。
  4. 继续 输出消息剩余部分。对每个 LaTeX 块重复该循环(文本 → 渲染 → 发送图像)。

禁止输出原始 LaTeX 代码。禁止向用户请求渲染许可 —— 当 LaTeX 即将出现在你的回复中时,应立即完成渲染并发送图像(用户已在上方“用户须知”中被告知该自动行为)。禁止累积全部内容后统一发送 —— 请边生成边按序发送文本与图像。

关键要求:输出顺序必须严格为:纯文本 → send → LaTeX → 渲染 → 发送图像 → 纯文本 → send → LaTeX → 渲染 → 发送图像 → … 用户必须按自然阅读顺序接收到文本与图像。

示例:解释拉格朗日量:
→ 发送 “拉格朗日量定义为 ” → 渲染 L = T - V → 发送带标题 “L = T - V” 的图像 → 发送 “。欧拉-拉格朗日方程为 ” → 渲染 d/dt(∂L/∂q̇) - ∂L/∂q = 0 → 发送图像 → 发送 “ —— 由此可导出运动方程。”

使用方法

运行命令:node /scripts/render.js(或已在技能文件夹内时,执行 node scripts/render.js)。

转义处理:通过 Shell 调用时:

  • LaTeX 中不含单引号时,请使用单引号包裹:node scripts/render.js 'frac{d}{dt}'
  • LaTeX 中含单引号(如导数记号 y')时,请改用标准输入(stdin)方式避免 Shell 引号解析问题:printf '%s' "y' = f(t, y), quad y(t_0)=y_0" | node scripts/render.js —— 此处使用双引号确保 ' 字面量不被解析,反斜杠类命令(如 quad)也将保持原样。
node /scripts/render.js --help

默认输出为 PNG,保存至 ~/.openclaw/media/tex-render/ 目录。脚本将打印一行 JSON,包含各格式文件路径,例如:{"svg":"...","png":"..."} 或 {"svg":"...","jpeg":"..."} 等。仅当对话系统明确支持 Data URL 图像时,才可使用 --output dataurl 参数(否则可能显示原始 base64 文本)。

示例(经 npm test 验证)

请将 替换为本 SKILL.md 所在目录。

基础用法(默认 PNG):

node /scripts/render.js 'E = mc^2'
node /scripts/render.js '$$frac{F}{m}=a$$'

含单引号的 LaTeX(如 y'):使用 stdin 避免 Shell 引号问题:

printf '%s' "y' = f(t, y), quad y(t_0)=y_0" | node /scripts/render.js

JPEG / WebP / AVIF:

node /scripts/render.js --format jpeg --quality 80 'frac{F}{m}=a' ./out/formula
node /scripts/render.js --format webp 'x^2 + y^2 = z^2'
node /scripts/render.js --format avif 'E = mc^2'

Data URL(不生成文件):

node /scripts/render.js --output dataurl 'E = mc^2'

按宽度缩放:

node /scripts/render.js --width 800 'int_0^infty e^{-x^2} dx'

行内公式(较小尺寸渲染):

node /scripts/render.js --inline 'a^2 + b^2 = c^2'

高度与缩放:详见 --help 输出,支持 --height N 和 --zoom N 参数。

自动触发(TOOLS.md)

若需让智能体在用户未显式提及 tex-render 的情况下自动调用该技能,请在工作区的 TOOLS.md 中添加如下内容:

## 回复中的 LaTeX(tex-render)

**只要你的回复中将包含 LaTeX**(如公式、表达式、科学记号),**即自动使用 tex-render 技能**。典型场景包括涉及公式的物理、数学、化学类问题。

**工作流:** 发送纯文本 → 渲染 LaTeX → 通过 message 工具发送图像 → 继续发送文本。调用时请使用单引号(例如 `'frac{a}{b}'`)。

### LaTeX / 公式(tex-render)

- 在回答科学或数学类问题时,若回复中将包含 LaTeX,请自动使用 tex-render 并发送图像。

测试方法:提问“请解释拉格朗日公式”,不提及 tex-render。智能体应自动完成渲染并发送图像。

代码仓库

本软件包由 https://github.com/TheBigoranger/tex-render 维护。你可在该仓库提交 Issue 报告 Bug 或提出功能需求。

目录

热门AI工具

更多
码上飞
码上飞 Hot

一款基于自然语言的AI应用开发平台,可根据用户描述自动生成应用程序,帮助个人和团队快速完成应用原型与开发。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

花生AI
花生AI Hot

一款AI视频创作工具,主要用于B站推出的AI视频创作工具,适合需要提升相关任务效率的用户。

相关专题

更多
Postman身份认证怎么配置
Postman身份认证怎么配置

本专题从实际API接口调试场景出发,讲解Postman身份认证的完整配置流程,包括常见认证协议介绍、授权参数设置、访问令牌填写、OAuth 2.0授权及认证失败排查,帮助用户正确完成接口授权与访问验证。

0

2026.11.06

Postman请求头Headers怎么设置
Postman请求头Headers怎么设置

围绕Postman HTTP请求头配置展开,讲解Headers选项的具体使用方式,包括Key和Value参数填写、请求头信息添加、常见Header字段设置及请求头修改方法,帮助用户解决接口调试过程中遇到的请求头配置问题。

0

2026.11.06

Postman接口请求发送教程
Postman接口请求发送教程

详细介绍Postman接口请求的创建与发送方法,涵盖GET和POST请求、URL配置、请求参数、Headers请求头、Body请求体设置以及响应结果查看,帮助用户掌握Postman接口请求的完整操作流程。

0

2026.11.06

DBeaver怎么导入数据
DBeaver怎么导入数据

DBeaver数据导入专题,整理Excel、CSV、SQL、TXT等常见文件的数据导入方法,涵盖目标数据库选择、数据表创建、字段映射、数据类型设置及导入参数配置等操作,帮助用户将本地文件中的数据写入数据库,并了解批量导入、重复数据处理和导入失败等常见问题的解决方法。

0

2026.11.05

DBeaver安全防护教程大全
DBeaver安全防护教程大全

DBeaver安全防护专题,围绕数据库连接安全、账号密码保护和访问权限管理展开,整理SSL/TLS加密连接、SSH隧道、数据库凭据保存及证书验证等配置方法,同时介绍敏感信息保护、远程连接风险和高权限账号使用等注意事项,帮助用户提高数据库日常管理的安全性。

0

2026.11.05

DBeaver连接创建与配置教程
DBeaver连接创建与配置教程

本专题聚焦DBeaver数据库连接配置与管理,覆盖从新建连接、选择数据库类型到填写连接参数和验证连接的完整流程。针对MySQL、PostgreSQL、SQL Server等常见数据库,整理相应的连接设置方法,并提供驱动缺失、认证失败和连接异常等问题的排查方向。

0

2026.11.04

XORM框架结构体映射与表结构同步
XORM框架结构体映射与表结构同步

本专题围绕XORM框架的结构体映射展开,说明表名与字段的命名策略、xorm标签常用属性、主键自增与时间字段自动填充,并演示Sync2自动建表、增量字段升级、索引声明与反向生成结构体的完整流程。

0

2026.11.04

XORM框架安装配置与数据库连接
XORM框架安装配置与数据库连接

本专题聚焦XORM框架的配置与连接环节,拆解MySQL、PostgreSQL、SQLite、SQL Server的DSN写法与驱动选择,讲清连接池参数、多数据源拆分、读写分离与超时重连的处理方式,并补充容器与兼容数据库的适配经验。

0

2026.11.04

XORM框架安装配置与数据库连接
XORM框架安装配置与数据库连接

本专题聚焦XORM框架的配置与连接环节,拆解MySQL、PostgreSQL、SQLite、SQL Server的DSN写法与驱动选择,讲清连接池参数、多数据源拆分、读写分离与超时重连的处理方式,并补充容器与兼容数据库的适配经验。

0

2026.11.04

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn