前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
面经篇
AI 篇
原理篇
每日一题
小程序题库
知识卡片NEW
  • 历年面经按年份追踪真实考点
  • 算法题库NEW在线编码即时判题
  • 专项自测100 题快速查漏
  • 业务场景题真实业务问题与追问
  • 查漏补缺常见问题解析
  • AI 模拟面试NEW模拟真实面试 + 报告
  • 前端基础
    • HTTP从报文一路讲到 HTTPS
    • 浏览器渲染、事件循环、进程
    • 计算机基础Linux、网络、操作系统
  • 进阶专项
    • 设计模式23 种模式怎么用
    • 前端系统进阶学习大型项目工程化
    • 前端综合文章长期沉淀的实践文
  • 工程与工具
    • Node学习指南从环境搭建到服务端
    • NPM工作流script、依赖与发布
    • Docker容器化部署上手
    • Canvas图形与动画实战
  • 路线与导图
    • 思维导图知识点全景图
    • 学习路线按图索骥不跑偏
    • AI 定制路线NEW按你的简历现排
    • AI 知识地图NEW串起全站知识点
  • 动态
    • AI 热点NEWAI 每日动态
    • 公众号动态公众号历史文章
    • 博客动态站长的技术博客
    • 开发者导航常用工具与文档站
AI 助手NEW
旧版
基础篇
进阶篇
高频篇
精选篇
手写篇
面经篇
AI 篇
原理篇
每日一题
小程序题库
知识卡片NEW
  • 历年面经按年份追踪真实考点
  • 算法题库NEW在线编码即时判题
  • 专项自测100 题快速查漏
  • 业务场景题真实业务问题与追问
  • 查漏补缺常见问题解析
  • AI 模拟面试NEW模拟真实面试 + 报告
  • 前端基础
    • HTTP从报文一路讲到 HTTPS
    • 浏览器渲染、事件循环、进程
    • 计算机基础Linux、网络、操作系统
  • 进阶专项
    • 设计模式23 种模式怎么用
    • 前端系统进阶学习大型项目工程化
    • 前端综合文章长期沉淀的实践文
  • 工程与工具
    • Node学习指南从环境搭建到服务端
    • NPM工作流script、依赖与发布
    • Docker容器化部署上手
    • Canvas图形与动画实战
  • 路线与导图
    • 思维导图知识点全景图
    • 学习路线按图索骥不跑偏
    • AI 定制路线NEW按你的简历现排
    • AI 知识地图NEW串起全站知识点
  • 动态
    • AI 热点NEWAI 每日动态
    • 公众号动态公众号历史文章
    • 博客动态站长的技术博客
    • 开发者导航常用工具与文档站
AI 助手NEW
旧版
返回 AI 情报前线
All News · 全部资讯8637
  • 2015 年旧 PC 运行 Gemma 4 可行性测评
  • Claude 为小企业赋能新工具
  • Claude Code 和 Codex 的技能框架体系
  • LLM 连续批处理异步优化方案
  • AWS Lambda 文件系统上的 AI Agent 实践
  • 美国 AI 商业化竞争优势分析
  • Agent 时代 MCP 的困局与重新定位
  • Cursor 简单改名花费 8400 tokens 的成本真相
  • Cursor 云代理支持完整开发环境接入
  • Cursor Agents 窗口 UI 优化
  • Needle:26M 参数模型也能用 Tool Calling
  • Engineering Agent 如何实现持久化智能记忆
  • Google DeepMind 推出 Co-Scientist 多代理研究助手
  • Statewright 用可视化状态机强化 AI Agent 可靠性
  • Claude 平台现已登陆 AWS 生态
  • AI 时代团队管理重心转移——从编码到验证和流程
  • AI 时代,资深开发者如何表达自己的价值
  • Cursor 编辑器集成 Microsoft Teams
  • AWS 和 Hugging Face 发布基础模型工程工具包
  • 完全离线 AI 编程开发机搭建实战
  • 零依赖 Vanilla JS 应用克隆库
  • Prompt 工程缺失的一层:思考质量
  • Cursor Bugbot 支持自定义审查力度
  • Codex 工作区进化与插件生态布局
  • AI 生成代码的真实成本——维护困境与解决思路
  • Claude 模拟网络栈:延迟和吞吐量测试
  • Swift 训练 LLM:从 Gflop/s 到 Tflop/s
  • Python GIL 工作原理及踩坑指南
  • Gemini API 文件搜索升级为多模态
  • AI Agent 框架深度对比——编排、工具、记忆、上下文的完整拆解
  • Claude Code 中 HTML 的惊人效果——超越 Markdown 的 AI 交互
  • Claude 推理能力突破:深度 Why 理解
  • AI 幻觉现象解析:为什么 AI 会说谎
  • AI Agent 版本控制:Git 融合框架
  • 自适应并行推理:LLM 推理新范式
  • 用 HTML 替代 Markdown:Claude Code 中的最佳实践
  • 大型代码库中编码 Agent 的 5 个常见失败模式
  • 用 Terraform 和 Cloud Run 部署多 Agent 系统
  • Claude 内部思路可视化:自然语言自编码器
  • 用 Claude 强化 Firefox 安全——AI 在浏览器防护中的应用
  • 设计高效的 AI Agent 协作团队
  • Unsloth 将 LLM 训练速度提升 40% 以上
  • 200 行代码的 LLM 智能路由:成本直降 41%
  • Cursor 新增并行审查和多 Agent 协作编程
  • vLLM V0→V1:强化学习中的正确性优先策略
  • 同一项目两次构建:AI vs 手工全面对比
  • Claude API 提速——Anthropic 宣布提升使用配额与计算合作
  • 打造自主运行的 AI 管家:定时 Agent 实战
  • 用 6502 汇编语言实现 AI 算法的复古实验
  • Google AlphaEvolve:Gemini 驱动的编码 Agent 应用案例
  • Cursor 新增 Agent Context 使用统计功能
  • 已加载 51 / 8637
5.0
关注
AI SCORE
开源项目2026-05-12 04:23

零依赖 Vanilla JS 应用克隆库

Hacker News · github.com#开源#JavaScript
Editor brief · 编辑速览

开源项目展示如何用纯 JavaScript 重现复杂应用。有参考价值但应用场景有限。

文章思维导图
Knowledge map
拖拽缩放
Full translation

完整中文译文

零安装式智能工作区

一个实验性的、轻量级的、BYOK(自带密钥)的 Google Antigravity UI 重新实现。OpenGravity 提供了一个基于浏览器的、支持推理的 IDE,配备由 WebContainer API 驱动的实时 xterm.js 终端。它具有直接的本地文件系统同步功能和一个可主动运行的自主 Agent,能够编排基础软件工程任务、执行 shell 命令并实时编辑文件。不过目前还在积极开发中。它能够处理基础编码任务,但可以将其视为"Alpha"版本。

采用纯 HTML/CSS/JS 构建,以实现最大速度和零安装需求。

我曾非常频繁地使用 Google Antigravity 来完成我正在做的一大堆项目。

很快我就遇到了速率限制问题。

在过去的几个月里,Google Antigravity 因此臭名昭著,似乎也没有改善的迹象。

我考虑过改用 CLI 或基于 VSCode 的程序,但我真的很喜欢 Antigravity 的 UI。

所以我去了 Google AI Studio,上传了大量截图,并使用了一大堆有趣的 prompt 工程技术,让 gemini 3.1 pro 拼凑出了一个漂亮的克隆版本(如果我可以这样说的话)。

我喜欢它的外观,所以在空闲时间的几天里,我用它来连接了一些功能,比如文件管理和 Agent 逻辑,现在就是这样了!

自主网页开发

该 Agent 可以主动初始化项目、使用 pnpm 安装依赖项,并在你观看的过程中构建完整的应用程序。

BYOK(自带密钥): 完全隐私。目前仅支持 Gemini API 模型(例如 gemini-3.1-pro-preview、gemini-3-flash-preview、gemini-3.1-flash-lite,[不过要改的话你需要修改 agent.js:8])。

主动式智能推理: 使用高级思维模型来规划、执行和验证任务,无需频繁的用户干预。

高性能终端: 集成 xterm.js 和由 WebContainer API 提供的真实 Linux 般的环境。

交互式工具: Agent 可以执行 bash 命令、处理交互式终端提示(y/n)并直接管理文件。

零冗余: IDE 本身无需 npm install。只需提供服务并开始编码。

设计安全: API 密钥仅存储在你的浏览器 localStorage 中。

我目前正专注于学业,所以我把接力棒交给社区。UI 看起来很棒,基础逻辑已经到位,但它需要"专业"功能才能真正超越原版。

我希望人们能接手这个项目,使其对普通人可用。具体来说:

更好的编排:当前的 Agent 逻辑很基础;它需要更好的"管理器/子 Agent"处理。

提供商支持:目前只支持 Gemini。帮我添加 OpenAI、Anthropic 等...

bug:文件同步和终端可能不稳定——它需要一些"实战强化"。

精致的 UI:UI 很酷,但还有很多工作要做。

模型选择:下拉菜单是硬编码的。它需要在 agent.js 中切换模型。

顶部菜单栏:"文件"、"编辑"和"选择"菜单是占位符。需要基本功能如保存和搜索。

Git 支持:图标存在,但后面还没有逻辑。

设置 UI:用户必须点击右上角的小"a"图标来输入 API 密钥。需要一个适当的、用户友好的设置面板。

使用本地服务器提供项目根目录(python3 server.py)。

在浏览器中打开 http://localhost:8000。

点击右上角的小"a"图标(是的,这很尴尬——修复这个在待办清单上!),然后输入你的 Gemini API 密钥。

开始在右面板与 Antigravity 聊天。

🛠️ 状态:暂停中

我正在平衡这个项目和我的 GCSE 考试,所以我会在每个星期天晚上审查和合并 PR。

根据 GPL-3.0 许可证授权。有关商业使用和贡献的详细信息,请参见 LICENSE 文件。

Original source

本文由 AI 翻译整理自 Hacker News · github.com,原文版权归原作者所有。

阅读英文原文
上一篇
完全离线 AI 编程开发机搭建实战
下一篇
Prompt 工程缺失的一层:思考质量