内容
<div align="center">
# 特拉托
### 图表已经具备绘图引擎。特拉托为您的人工智能提供画笔。
[](https://www.npmjs.com/package/tratto-mcp-server)
[](#)



[](LICENSE)
</div>
> **特拉托** · 意大利语中表示“一笔”,即一次性绘制的线条。
特拉托让您的人工智能直接在您正在查看的雅虎财经图表上绘制技术分析标记(支撑和阻力、趋势线、斐波那契数列)。它不是截图,也不是在图表上添加的第二个图表。它是页面上的真实图表。
<div align="center">
**1 个桥梁 · 0 个图表库 · 50 个 MCP 工具 · 100% 本地运行**
</div>
---
## 技巧
打开任意一个雅虎财经图表,打开开发者工具,运行:
```js
document.querySelector('.chartContainer').stx
```
这是一个实时图表引擎,与您正在访问的页面上渲染的引擎相同,并且其公共绘图 API 完全暴露。特拉托是一个薄桥梁,让您的编码代理拾起那支笔:
- **它借用现有的资源。** 图表、OHLC 数据和绘图工具都已包含在页面中。
- **它不拥有任何资源。** 没有爬虫,没有捆绑的图表库,没有云,没有账户。
- **笔画是原生的。** AI 的线条来自与您的线条相同的引擎,因此它们看起来与手绘标记完全相同。
## 使用感受
您正在盯着 NVDA 的股票行情,试图确定支撑位在哪里。您询问 AI,它返回了三段文字。但您想要的是 *图表上的线*。
```text
您 › 标记关键支撑和阻力
AI › ✎ 绘制 2 个级别 — 支撑 $172.30,阻力 $195.80
您 › 从三月份低点到六月份高点绘制斐波那契数列
AI › ✎ 放置斐波那契回撤位(0 → 100%)
```
<div align="center">
https://github.com/user-attachments/assets/f2c5c53e-580e-4eaf-8555-4e9ad7c9cefc
</div>
**在以下情况下使用特拉托:**
- 您已经在雅虎财经上查看图表,并已经在使用 Claude Code 或 Codex。特拉托是它们之间的缺失的连接。
- 您想用绘制的线条而不是段落来回答“这个趋势在哪里中断?”。
- 您希望 AI 也能 **读取您的图表**。`read_drawings` 可以看到您自己手绘的标记,这样它就可以评估 *您的* 图表,而不是它的副本。
## 快速开始
**前提条件:** Node.js 和 Google Chrome。
**1. 注册 MCP 服务器** 与您的编码代理。`npx` 会获取它,因此无需安装:
```bash
# Claude Code
claude mcp add tratto -- npx -y tratto-mcp-server
# Codex
codex mcp add tratto -- npx -y tratto-mcp-server
```
**2. 安装 Chrome 扩展程序** (它将服务器桥接到页面):
```bash
git clone https://github.com/Taoo425/tratto && cd tratto
npm install && npm run build
```
然后在 Chrome 中进入 `chrome://extensions`,启用 **开发者模式**,点击 **加载解压**,并选择 `packages/extension/dist`。
**3. 绘制。** 打开图表(`finance.yahoo.com/chart/NVDA` 或嵌入的 `/quote/NVDA/chart`)并用自然语言询问您的代理。
## 工具
50 个 MCP 工具。AI 读取图表,在图表上绘制,设置样式,并管理内容。
| | 工具 | 在图表上 |
|---|---|---|
| 👁 **读取** | `get_chart_data` · `get_chart_summary` · `read_drawings` · `get_capabilities` · `list_indicators` · `get_corporate_events` | 实时 OHLC 条形图,现有的绘图(包括您自己的),引擎功能,活跃的研究,除息和拆股 |
| ✍️ **绘制** | `draw_support` · `draw_trendline` · `draw_ray` · `draw_line` · `draw_crossline` · `draw_arrow` · `draw_vertical` · `draw_channel` · `draw_rectangle` · `draw_ellipse` · `draw_callout` · `draw_raw` | 支撑和阻力,趋势线,射线,矩形,椭圆,平行通道,垂直标记,文本标注,以及原始出口到引擎提供的任意工具 |
| 📐 **斐波那契数列** | `draw_fib` · `draw_fib_arc` · `draw_fib_fan` · `draw_fib_projection` · `draw_fib_timezone` | 完整的斐波那契家族:回撤,弧,扇,投影和时区,每个级别的选择和样式设置 |
| 🧮 **分析** | `draw_pitchfork` · `draw_gann_fan` · `draw_gartley` · `draw_speed_arc` · `draw_speed_line` · `draw_time_cycle` · `draw_measurement` · `draw_volume_profile` · `draw_quadrant_lines` · `draw_tirone_levels` · `draw_average_line` · `draw_regression_line` | 皮切福克,甘恩扇形图,和谐模式,速度阻力,成交量分布,回归和平均线带标准差带 |
| 🗂 **管理** | `remove_drawing` · `undo_drawing` · `clear_drawings` · `list_saved_drawings` · `delete_saved_drawing` | 删除一个,撤销最后一个,清除所有,列出或删除特拉托记住的绘图 |
| 🎛 **视图** | `open_chart` · `set_chart_style` · `set_periodicity` · `set_range` · `add_comparison` · `remove_comparison` · `toggle_corporate_events` | 跳转到某个符号,切换蜡烛图,线图或条形图,改变时间范围和范围,叠加比较符号,切换事件标记 |
| 📊 **指标** | `add_indicator` · `remove_indicator` | 添加或删除研究(RSI,MACD,布林带,移动平均线)每个线条的颜色,宽度和参数 |
| 🎨 **指南** | `get_drawing_guide` | 特拉托的内置设计系统(调色板,权重,预算)让 AI 绘制干净,可读的标记而不是杂乱无章的内容 |
> **设计指南与工具一起提供。** 大型语言模型不知道图表引擎的 30 多种绘图工具,也不知道如何保持图表的可读性,因此特拉托在其 MCP 服务器中提供自己的设计系统。任何支持 MCP 的代理都可以零额外安装获取它,按需加载以保持 token 便宜。
## 工作原理
```
Claude Code / Codex ──MCP (stdio)──► 本地 MCP 服务器 ──WebSocket──► Chrome 扩展程序 ──► .chartContainer.stx
(您的词语) (127.0.0.1:8787) (在页面上) (图表引擎)
```
所有内容都在您的机器上运行。一个共享令牌握手通过仅限 `127.0.0.1` 的套接字保持这种方式。
## 需要注意的事项
- **页面不会保存 AI 绘制的线条,** 因此刷新后它们会消失。特拉托会记住它们,并在您回来时重新绘制,存储语义(价格,日期,文本)并根据当前数据重新计算锚点。
- **前端重新设计是我们的关注点。** 挂载点是一个标准点,但当它漂移时,这是贡献的首要位置:一个选择器修复或一个新的配方可以让特拉托继续运行。
- **它只绘制。** 没有交易,没有订单,没有资金转移,绝不。
## 设计哲学
特拉托是一种寄生增强。它驱动已经存在的图表,而不是重建它:最少代码,最大程度原生,尽可能干净的占用。图表,数据和笔都已经在页面上。特拉托只是教您的 AI 如何访问它们。
## 免责声明
个人,非商业,教育工具。它使用图表自己的页面绘图引擎。它不爬取,不重新分发或存储市场数据,并且不添加交易功能。由于它依赖于它运行的页面结构,因此重新设计可能会破坏它,直到更新安装点。使用雅虎财经受 [雅虎服务条款](https://legal.yahoo.com/us/en/yahoo/terms/otos/index.html) 的约束。按原样提供,不提供任何形式的保证。
## 许可证
[MIT](LICENSE) © [Taoo425](https://github.com/Taoo425)