机械蜘蛛动画界面，可视化展示提示词分流与 Agent 任务
Star104
24h 新增+1
7 天新增—
Fork26
Issue0
语言JavaScript
项目介绍
更新于 1 天前
这是一个用原生 JavaScript 和 Canvas 2D 写的机械蜘蛛动画界面，把提示词或 Agent 任务步骤变成可视化演出：蜘蛛沿文字游走、伸触手抓词，词条飞入蛛网后分流到 code、model、you 三条分支。纯演示模式打开即用，输入自己的提示词会用本地规则打分分流，但不调用模型也不执行任何操作，纯属视觉效果。真正实用的场景是通过 MCP 接入你自己的 Agent，让 Agent 上报任务步骤后实时在画面上展示，比如代码检查、资料整理或需要人工确认的工作流，适合做演示或给别人看 Agent 在干什么。它还提供三套布局、主题定制、时间轴回放、PNG 截图和独立项目导出。对多数后端或算法岗关系不大，但做 Agent 产品、需要向用户或老板直观展示 Agent 工作过程的前端和全栈开发者值得一看。
上手成本：中
Star 趋势
话题标签
ai-agentsanimationcanvascanvas2dcreative-codingdata-visualizationgenerative-artinteractive-uijavascriptmcpmodel-context-protocolprompt-visualizationvanilla-javascript
仓库信息
| License | MIT |
| 创建时间 | 2026-10-13 |
| 最后推送 | 1 天前 |
| 热度分 | 3.0 |