Firecrawl / V123

The web wasn’t built for AI agents

网页堆叠代表输入复杂度，橙色模块把流程接向结构化内容。网页和代码用相邻或连续镜头对应，形成可读的输入输出关系。

构图与编排可播放 · 可替换内容

整体编排规则示例

0.00 / 66.04 秒

查看 HTML 源码

<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>The web wasn’t built for AI agents · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#fafafa}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="sequence"><canvas width="1000" height="600"></canvas><script src="data.js"></script><script src="common.js"></script><script src="scene.js"></script><script src="bridge.js"></script></body></html>

画面元素网格橙色方块网页堆栈代码页面矩阵结构数据检索结果

MOTION LANGUAGE

动作与构图

局部动作 · 构图规则

把网页到数据的转换画出来

网页堆叠代表输入复杂度，橙色模块把流程接向结构化内容。网页和代码用相邻或连续镜头对应，形成可读的输入输出关系。

橙色只承担动作和关键对象

淡灰网格固定全片空间；橙色点、线、方块和面板连接不同界面，黑色卡片用于突出阻碍或信息密度。

矩阵里突出当前处理对象

矩阵里突出当前处理对象规则示例

0.00 / 5.00 秒

35–40 秒 · 动作示意独立打开 ↗

查看 HTML 源码

<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>The web wasn’t built for AI agents · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#fafafa}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="clip" data-start="35" data-end="40"><canvas width="1000" height="600"></canvas><script src="data.js"></script><script src="common.js"></script><script src="scene.js"></script><script src="bridge.js"></script></body></html>

大量网页形成网格时，让中央页面保持清楚，周围缩小或降低对比。数据整理阶段把杂乱信息变成规律的行和方块。