tlbrowse

GitHub
623 120 简单 1 次阅读 1周前图像Agent开发框架
AI 解读 由 AI 自动生成,仅供参考

tlbrowse 是一个充满创意的实验性项目,它构建了一个“无限画布”,让用户能够浏览由大语言模型实时生成的虚构网站。只需输入一个网址或点击页面上的链接,系统就会即时想象并渲染出全新的网页内容,仿佛在一个永无止境的平行网络中冲浪。

这款工具主要解决了传统网页浏览局限于现有内容的痛点,为头脑风暴和创意探索提供了全新的交互范式。它并非用于构建可上线的生产级网站,而是旨在展示如何利用 AI 潜在地构建整个站点地图,让思维随着浏览过程自由发散。

tlbrowse 特别适合设计师、创意工作者以及对大模型应用感兴趣的开发者和研究人员。对于普通用户而言,它也是一个体验"AI 想象力”的有趣玩具。其独特的技术亮点在于将大语言模型的视觉输出能力与无限滚动的交互界面相结合,支持用户在本地通过简单的配置(如更换 Anthropic 模型)来定制生成效果。作为一个开源演示项目,tlbrowse 邀请大家以轻松的心态探索人机协作的新可能,享受创造奇异网络世界的乐趣。

使用场景

一位独立开发者正在为即将上线的科幻主题游戏构思配套的沉浸式宣传网站,急需快速验证多种非线性叙事结构和视觉风格。

没有 tlbrowse 时

  • 设计师必须手动绘制静态线框图,无法直观感受页面跳转后的连贯体验,导致创意在纸面与代码间割裂。
  • 每次修改站点地图(Sitemap)结构都需要重新调整文档或绘图软件中的层级,迭代成本极高且容易出错。
  • 团队难以在早期阶段通过点击链接来“浏览”尚未存在的网页,只能依靠口头描述或枯燥的文字大纲进行脑暴。
  • 生成具体的页面内容需要反复切换聊天窗口输入提示词,再手动复制粘贴到设计稿中,流程繁琐且打断心流。

使用 tlbrowse 后

  • 开发者直接在无限画布上输入 URL 即可生成虚构页面,点击链接自动延伸出新节点,实时构建出可交互的动态原型。
  • 站点结构随着浏览过程自然生长,随时可以点击回溯或分叉出新路径,让非线性叙事的探索变得像上网一样直观流畅。
  • 团队成员能共同在这个模拟网络中自由穿梭,通过实际的点击反馈即时讨论剧情走向和视觉表现,极大提升了协作效率。
  • tlbrowse 利用大模型即时填充每个节点的图文内容,让原本抽象的创意瞬间变成具象的、风格独特的“已上线”网站供测试。

tlbrowse 将传统的静态网站策划转变为一种在无限画布上“边浏览边创造”的动态探索过程,让创意验证的速度追上了想象力的步伐。

运行环境要求

操作系统
  • 未说明
GPU

未说明

内存

未说明

依赖
notes该项目使用 Bun 作为包管理器,Node.js 作为运行环境。运行前需创建 .env.local 文件并配置 ANTHROPIC_API_KEY 环境变量。默认模型可通过编辑 app/api/html/route.ts 进行更改。
python未说明
bun
node
tlbrowse hero image

快速开始

tlbrowse

https://github.com/SawyerHood/tlbrowse/assets/2380669/bcbb7ac1-c463-44ad-9adb-6be59f4c636e

tlbrowse 是一个用于模拟网络的无限画布。你可以通过输入网址来创建网页,点击链接则会生成新页面。尽情发挥你的想象力,创造出令人惊艳的效果吧。

你可以在 https://tlbrowse.com 上体验托管版本。

为什么要做这个?

纯粹为了好玩!这是一个关于头脑风暴和与大语言模型互动的新方式的实验。虽然目前还只是一个演示,但我正在探索如何以全新的方式玩转大语言模型生成的视觉内容。最让我兴奋的是,能够在浏览的同时,隐式地构建出整个站点地图。这是否已经可以用来创建生产级别的网站呢?当然不是,但这种交互模式本身就很有趣。

本地运行

创建一个名为 .env.local 的文件,并添加以下环境变量:

ANTHROPIC_API_KEY=<你的 Anthropic API 密钥>

该项目使用 bun 作为包管理器,node 作为运行环境。请确保你已安装这两者。然后执行以下命令:

bun install
bun dev

更改模型

如果你在本地克隆了这个项目,可能需要更改使用的模型。你可以通过编辑 app/api/html/route.ts 文件来实现这一点。

版本历史

v0.1.12024/06/04

常见问题

相似工具推荐

openclaw

OpenClaw 是一款专为个人打造的本地化 AI 助手,旨在让你在自己的设备上拥有完全可控的智能伙伴。它打破了传统 AI 助手局限于特定网页或应用的束缚,能够直接接入你日常使用的各类通讯渠道,包括微信、WhatsApp、Telegram、Discord、iMessage 等数十种平台。无论你在哪个聊天软件中发送消息,OpenClaw 都能即时响应,甚至支持在 macOS、iOS 和 Android 设备上进行语音交互,并提供实时的画布渲染功能供你操控。 这款工具主要解决了用户对数据隐私、响应速度以及“始终在线”体验的需求。通过将 AI 部署在本地,用户无需依赖云端服务即可享受快速、私密的智能辅助,真正实现了“你的数据,你做主”。其独特的技术亮点在于强大的网关架构,将控制平面与核心助手分离,确保跨平台通信的流畅性与扩展性。 OpenClaw 非常适合希望构建个性化工作流的技术爱好者、开发者,以及注重隐私保护且不愿被单一生态绑定的普通用户。只要具备基础的终端操作能力(支持 macOS、Linux 及 Windows WSL2),即可通过简单的命令行引导完成部署。如果你渴望拥有一个懂你

349.3k|★★★☆☆|1周前
Agent开发框架图像

stable-diffusion-webui

stable-diffusion-webui 是一个基于 Gradio 构建的网页版操作界面,旨在让用户能够轻松地在本地运行和使用强大的 Stable Diffusion 图像生成模型。它解决了原始模型依赖命令行、操作门槛高且功能分散的痛点,将复杂的 AI 绘图流程整合进一个直观易用的图形化平台。 无论是希望快速上手的普通创作者、需要精细控制画面细节的设计师,还是想要深入探索模型潜力的开发者与研究人员,都能从中获益。其核心亮点在于极高的功能丰富度:不仅支持文生图、图生图、局部重绘(Inpainting)和外绘(Outpainting)等基础模式,还独创了注意力机制调整、提示词矩阵、负向提示词以及“高清修复”等高级功能。此外,它内置了 GFPGAN 和 CodeFormer 等人脸修复工具,支持多种神经网络放大算法,并允许用户通过插件系统无限扩展能力。即使是显存有限的设备,stable-diffusion-webui 也提供了相应的优化选项,让高质量的 AI 艺术创作变得触手可及。

162.1k|★★★☆☆|1周前
开发框架图像Agent

everything-claude-code

everything-claude-code 是一套专为 AI 编程助手(如 Claude Code、Codex、Cursor 等)打造的高性能优化系统。它不仅仅是一组配置文件,而是一个经过长期实战打磨的完整框架,旨在解决 AI 代理在实际开发中面临的效率低下、记忆丢失、安全隐患及缺乏持续学习能力等核心痛点。 通过引入技能模块化、直觉增强、记忆持久化机制以及内置的安全扫描功能,everything-claude-code 能显著提升 AI 在复杂任务中的表现,帮助开发者构建更稳定、更智能的生产级 AI 代理。其独特的“研究优先”开发理念和针对 Token 消耗的优化策略,使得模型响应更快、成本更低,同时有效防御潜在的攻击向量。 这套工具特别适合软件开发者、AI 研究人员以及希望深度定制 AI 工作流的技术团队使用。无论您是在构建大型代码库,还是需要 AI 协助进行安全审计与自动化测试,everything-claude-code 都能提供强大的底层支持。作为一个曾荣获 Anthropic 黑客大奖的开源项目,它融合了多语言支持与丰富的实战钩子(hooks),让 AI 真正成长为懂上

154.3k|★★☆☆☆|今天
开发框架Agent语言模型

ComfyUI

ComfyUI 是一款功能强大且高度模块化的视觉 AI 引擎,专为设计和执行复杂的 Stable Diffusion 图像生成流程而打造。它摒弃了传统的代码编写模式,采用直观的节点式流程图界面,让用户通过连接不同的功能模块即可构建个性化的生成管线。 这一设计巧妙解决了高级 AI 绘图工作流配置复杂、灵活性不足的痛点。用户无需具备编程背景,也能自由组合模型、调整参数并实时预览效果,轻松实现从基础文生图到多步骤高清修复等各类复杂任务。ComfyUI 拥有极佳的兼容性,不仅支持 Windows、macOS 和 Linux 全平台,还广泛适配 NVIDIA、AMD、Intel 及苹果 Silicon 等多种硬件架构,并率先支持 SDXL、Flux、SD3 等前沿模型。 无论是希望深入探索算法潜力的研究人员和开发者,还是追求极致创作自由度的设计师与资深 AI 绘画爱好者,ComfyUI 都能提供强大的支持。其独特的模块化架构允许社区不断扩展新功能,使其成为当前最灵活、生态最丰富的开源扩散模型工具之一,帮助用户将创意高效转化为现实。

108.3k|★★☆☆☆|4天前
开发框架图像Agent

gemini-cli

gemini-cli 是一款由谷歌推出的开源 AI 命令行工具,它将强大的 Gemini 大模型能力直接集成到用户的终端环境中。对于习惯在命令行工作的开发者而言,它提供了一条从输入提示词到获取模型响应的最短路径,无需切换窗口即可享受智能辅助。 这款工具主要解决了开发过程中频繁上下文切换的痛点,让用户能在熟悉的终端界面内直接完成代码理解、生成、调试以及自动化运维任务。无论是查询大型代码库、根据草图生成应用,还是执行复杂的 Git 操作,gemini-cli 都能通过自然语言指令高效处理。 它特别适合广大软件工程师、DevOps 人员及技术研究人员使用。其核心亮点包括支持高达 100 万 token 的超长上下文窗口,具备出色的逻辑推理能力;内置 Google 搜索、文件操作及 Shell 命令执行等实用工具;更独特的是,它支持 MCP(模型上下文协议),允许用户灵活扩展自定义集成,连接如图像生成等外部能力。此外,个人谷歌账号即可享受免费的额度支持,且项目基于 Apache 2.0 协议完全开源,是提升终端工作效率的理想助手。

100.8k|★★☆☆☆|4天前
插件Agent图像

markitdown

MarkItDown 是一款由微软 AutoGen 团队打造的轻量级 Python 工具,专为将各类文件高效转换为 Markdown 格式而设计。它支持 PDF、Word、Excel、PPT、图片(含 OCR)、音频(含语音转录)、HTML 乃至 YouTube 链接等多种格式的解析,能够精准提取文档中的标题、列表、表格和链接等关键结构信息。 在人工智能应用日益普及的今天,大语言模型(LLM)虽擅长处理文本,却难以直接读取复杂的二进制办公文档。MarkItDown 恰好解决了这一痛点,它将非结构化或半结构化的文件转化为模型“原生理解”且 Token 效率极高的 Markdown 格式,成为连接本地文件与 AI 分析 pipeline 的理想桥梁。此外,它还提供了 MCP(模型上下文协议)服务器,可无缝集成到 Claude Desktop 等 LLM 应用中。 这款工具特别适合开发者、数据科学家及 AI 研究人员使用,尤其是那些需要构建文档检索增强生成(RAG)系统、进行批量文本分析或希望让 AI 助手直接“阅读”本地文件的用户。虽然生成的内容也具备一定可读性,但其核心优势在于为机器

93.4k|★★☆☆☆|1周前
插件开发框架