mcpField
W
word-aligner

word-aligner

远程服务
github.com/tinygodsdev科研与教育51 周前更新
代码仓库

关于 word-aligner

Word Aligner 是一款网页工具,可手动连接句子与译文中的对应词,并添加注释或 IPA 行。它面向语言学习者、教师和语言学家,支持导出图表或分享链接,也提供 HTTP API。

主要功能

  1. 01对齐多行文本中的词语
  2. 02创建一对多及交叉连线
  3. 03添加注释和 IPA 行
  4. 04支持 RTL 与竖排布局
  5. 05自定义分词和排版
  6. 06导出图表或分享链接

适用场景

  1. 01在语言课程中展示词语对应关系
  2. 02制作语言学研究用的注释例句
  3. 03记录构造语言的翻译对应
  4. 04通过 API 生成并分享对齐图

MCP 相关

`https://aligner.tinygods.dev/mcp`上的 MCP 服务提供`create_word_alignment`工具。它通过无需认证的 Streamable HTTP 返回可分享链接和预览图片。

配置

远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。

服务地址https://aligner.tinygods.dev/mcp
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

工具

1
参数类型必填说明
linesarray是文本行,从上到下排列。每个条目可以是普通字符串,也可以是带有逐行视觉选项的对象。
pairsarray否针对特定相邻行对的逐对控制选项。
settingsobject否全局视觉覆盖选项。未设置的字段将继承默认值。
settings.axisenum否图表的流向。"rows"(默认值)将各行向下堆叠,并使用垂直连接线。"columns" 将各行竖立为垂直列,并使用横向连接线,适用于日语、中文和蒙古语;第一行位于最左侧。rows | columns
settings.themeenum否UI 主题(词语色块颜色)。默认值为 light。light | dark
settings.paletteenum否连接颜色调色板。默认值为 pastel。pastel | vivid
settings.lineStyleenum否连接线形状。默认值为 curved。straight | curved
settings.backgroundenum否预览背景。默认值为 light。light | dark
settings.lineOpacitynumber否连接线不透明度。默认值为 1。
settings.showNumbersboolean否显示行号。默认值为 false。
settings.lineThicknessnumber否连接线粗细。默认值为 3。
settings.tokenMergeCharstring否用于将多个部分合并为一个以空格渲染的词语的单个字符(例如,"is+playing")。默认值为 "+"。
settings.tokenSplitCharsstring否用于将文本拆分为词语并随后移除的字符(空白字符除外)。默认值为 ".-|"。设为 "-|" 可在莱比锡注释中保留句点。
settings.colorTokensByLinkboolean否按连接颜色为词语着色。默认值为 true。
alignmentsarray否词语对齐链接,格式为 [lineA, wordA, lineB, wordB](索引从 0 开始,行必须相邻)。

详细介绍

Aligner — 逐词翻译可视化工具

aligner.tinygods.dev

Word Aligner 是一款免费的网页工具,可显示上下排列的文本行中哪些词彼此对应。输入或粘贴句子及其译文,点击一个词,再点击它在上一行或下一行中的对应词,弧形连线便会标出两者之间的对应关系。添加额外行以显示释义或 IPA,然后导出图示或通过链接分享。

无需账号,也不会使用机器翻译——每条连线都由你掌控。适用于课堂教学、社交媒体帖子、语法笔记和人工构造语言文档。

连接“Hello world”及其法语译文中的词语

适用场景

  • 语言学习者 — 准确了解译文为何如此表达:哪个源词对应哪个目标词,哪些词被省略,以及语序发生了哪些变化。
  • 教师 — 制作讲义、幻灯片和闪卡;导出清晰的 PNG 或 SVG,无需重新输入即可插入课程材料。
  • 语言学家 — 制作莱比锡风格的逐词间注,包括语素对齐、格/一致关系标签和自由翻译。
  • 人工构造语言爱好者 — 展示构造语言如何对应英语,并使用自定义文字字体、释义行和 IPA。

功能

  • 多行对齐 — 按需堆叠任意数量的行(原文、译文、释义、IPA);连线连接垂直相邻的行。
  • 手动连接词语 — 点击一个词,再点击对应词;支持一对多和多对一连接,也支持自由交叉连线,以适应语序不同的译文。
  • 逐词间注释义和 IPA — 在任意一行上方或下方添加注释层。
  • 从右向左书写的文字 — 支持希伯来语、阿拉伯语以及混合的从左向右/从右向左布局。
  • 竖排文字系统 — 将整个图示竖排为列,适用于日语纵书、中文或传统蒙古文;每行可单独选择字符堆叠或整行旋转,因此水平译文仍能清晰显示在旁边。
  • 分词控制 — 选择文本拆分为词语框的方式(按字符拆分、为固定表达添加连接标记,以及可选的标点处理)。
  • 逐行排版 — 为每行单独设置字体、大小、间距和方向;支持自定义字体和 Google Fonts。
  • 导出 — 支持 PNG、SVG、PDF 和独立 HTML 文件;导出效果与预览一致,包括自定义字体的字形排布。
  • 可分享的 URL — 完整的对齐内容(文本、连线和视觉设置)都会编码在 ?data= 链接中。

示例

浏览现成示例——双语文本对、带 IPA 的土耳其语逐词间注、从右向左书写的文字、日语和传统蒙古文竖排、他加禄语复合词、日语–中文–英语语序,以及更多逐词间注——请访问 aligner.tinygods.dev/examples。打开任意示例,即可在编辑器中修改。

带释义、IPA 和连线的土耳其语逐词间注预览

使用自定义文字字体和逐词间注释义的人工构造语言示例

工作原理

在行编辑器中编辑文本行,然后在预览中连接词语。

包含多行文本和分词摘要的 Aligner 行编辑器

在设置中调整颜色、分词方式和字体,然后导出或分享。

导出选项:PNG、SVG、PDF 和 HTML

词语对齐、逐词间注和平行文本

  • 逐词间翻译将释义直接放在每个源词下方——布局紧凑,但会掩盖语序变化。Aligner 让两个句子各占一行,并绘制连接线,因此语序调整、拆分和合并一目了然。
  • 平行文本适用于长篇双语阅读学习,以并排文本的形式呈现。Aligner 则聚焦于一次处理一对句子,并通过明确的连线显示哪些词对应。

API

Word Aligner 提供免费的 HTTP API,可通过编程方式生成对齐链接。

POST https://aligner.tinygods.dev/api/align
Content-Type: application/json

{
  "lines": ["Hello world", "Bonjour le monde"],
  "alignments": [[0, 0, 1, 0], [0, 1, 1, 2]]
}

返回 { "url": "https://aligner.tinygods.dev/?data=..." }。

支持逐行选项(字体、大小、RTL)、全局视觉设置(调色板、线条样式、背景)、词对间距控制,以及带有选择性连接线的多行堆叠。

将 Word Aligner 用作 AI Agent 工具

word-aligner-skill/ 目录包含可直接安装的技能,用于指导 AI 助手(Claude、ChatGPT 等)如何使用此 API。安装后,即可实现如下工作流:

“将‘я хочу спать’翻译成英语,并向我展示词语对齐结果。”

Agent 会进行翻译、调用 API,并返回可分享的链接。

  • **Claude:**将此仓库指定为 Claude 项目,或将 word-aligner-skill/SKILL.md 的内容添加为自定义指令。
  • **ChatGPT:**将 word-aligner-skill/ 压缩为 zip 文件,并将其作为自定义 Skill 上传。

网站上还提供安装说明和可下载的压缩包:aligner.tinygods.dev/skill。

MCP 服务

此外,https://aligner.tinygods.dev/mcp 上还有一个 MCP 服务,提供单个 create_word_alignment 工具。它会返回可分享的链接和预览图片,并通过 Streamable HTTP 在同一个应用中运行,无需身份验证。在 Claude 中连接:

claude mcp add --transport http word-aligner https://aligner.tinygods.dev/mcp

ChatGPT Developer Mode 的设置说明和工具架构请参阅 docs/mcp-server.md。

了解更多

由 Dani Polani 创建。另请参阅其他语言学和人工语言创作工具。

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。