stagewise

GitHub
6.5k 462 非常简单 1 次阅读 今天AGPL-3.0插件
AI 解读 由 AI 自动生成,仅供参考

stagewise 是一款专为开发者打造的智能浏览器,它将强大的 AI 编程助手直接集成在浏览环境中。传统开发流程中,开发者往往需要在浏览器查看效果、在 IDE 编写代码以及在不同工具间切换上下文,stagewise 通过“边浏览边构建”的模式彻底解决了这一痛点,让前端开发与调试在同一界面内无缝完成。

这款工具特别适合前端工程师、全栈开发者以及希望快速原型设计的网页设计师使用。其核心亮点在于内置的编程代理拥有对当前标签页控制台和调试器的完全访问权限,不仅能执行临时的测试性修改,还能连接本地代码库进行永久性编辑。更独特的是,stagewise 支持逆向分析任意网站的组件结构、样式系统及配色方案,帮助开发者快速理解和学习优秀设计。此外,它还提供了与主流 IDE 的深度集成,方便用户将浏览器中的改动同步至喜爱的编辑器中,并支持用户自带 API 密钥以灵活接入各类大模型服务。无论是修复线上 Bug、探索竞品技术实现,还是加速新功能开发,stagewise 都能提供流畅高效的辅助体验。

使用场景

前端工程师小李需要快速复刻一个竞品网站的精美登录页组件,并提取其配色方案整合到自家项目中。

没有 stagewise 时

  • 频繁切换上下文:需要在浏览器查看效果、在 IDE 编写代码、在开发者工具调试之间反复横跳,打断心流。
  • 手动逆向工程困难:只能肉眼观察并手动复制 CSS 样式,难以准确提取复杂的嵌套结构或动态生成的颜色变量。
  • 调试效率低下:遇到样式冲突时,需手动在控制台尝试修改,无法自动将调试成功的代码同步回本地文件。
  • 环境配置繁琐:为了测试少量代码,往往需要搭建临时的沙盒环境或创建冗余的文件。

使用 stagewise 后

  • 浏览即开发:直接在 stagewise 浏览器中打开目标网页,内置的编码代理(Coding Agent)可即时读取页面结构并开始重构,无需切换窗口。
  • 智能逆向解析:命令代理自动分析并提取整个组件的代码、样式系统及色板,一键生成可复用的 React/Vue 组件代码。
  • 全权限实时调试:代理拥有控制台和调试器的完全访问权,能自动修复样式错误,并将验证通过的更改直接应用到连接的本地代码库。
  • 无缝 IDE 联动:所有临时测试或永久修改均可实时同步至 VS Code 等编辑器,实现从“查看”到“落地”的零延迟闭环。

stagewise 通过将浏览器与智能编码代理深度融合,彻底消除了前端开发中“看”与“写”的割裂感,让逆向工程和组件复用变得像对话一样简单。

运行环境要求

操作系统
  • 未说明
GPU

未说明

内存

未说明

依赖
notes该工具是一个专为开发者构建的浏览器应用程序,而非传统的命令行 AI 模型。用户需从官网 (stagewise.io) 下载客户端并注册账号使用。支持自带 API Key (BYOK) 连接各类 AI 服务商。软件基于 AGPLv3 许可证开源。
python未说明
stagewise hero image

快速开始

stagewise

专为 Web 打造的编码助手

NPM 许可证 GitHub 仓库星级

加入我们的 Discord X(原 Twitter)关注

stagewise 演示

关于项目

stagewise 是一款专为开发者打造的浏览器,内置了强大的编码助手。

  • 在同一工具中 浏览与构建 — 无需切换上下文
  • 使用拥有 对当前标签页控制台和调试器完全访问权限 的编码助手
  • 可以进行 临时测试性修改,或 连接代码库 进行永久性编辑
  • 能够 逆向工程 任何网站的组件、样式系统和颜色方案
  • 支持 IDE 集成,方便在您喜爱的编辑器中查看并应用代码更改
  • 允许用户 使用自己的 API 密钥 — 完全兼容所有 AI 提供商

开始使用

请从 stagewise.io 下载 stagewise,并按照简短的新手引导设置您的账户。

定价

采用 自带密钥(BYOK) 模式,即可无限制地访问所有模型。

计划 价格 限制
免费 $0 / 月 对所有模型的访问权限有限
Pro $20 / 月 所有模型的使用上限提高 6 倍
Ultra $200 / 月 所有模型的使用上限提高 75 倍

许可证

stagewise 由 stagewise GmbH 开发,并根据 AGPLv3 许可证提供。

如需了解更多关于许可证的信息,请访问 GNU 许可证常见问题解答

对于超出 AGPLv3 许可证允许范围的使用场景,欢迎随时 联系我们

问题反馈

如果您发现了 bug 或有任何新想法,欢迎 提交问题

社区与支持

版本历史

stagewise@1.0.0-alpha.572026/04/14
stagewise@1.0.0-alpha.562026/04/13
stagewise@1.0.0-alpha.552026/04/13
stagewise@1.0.0-alpha.542026/04/13
stagewise@1.0.0-alpha.532026/04/10
stagewise@1.0.0-alpha.522026/04/09
stagewise@1.0.0-alpha.512026/04/09
stagewise@1.0.0-alpha.502026/04/08
stagewise@1.0.0-alpha.492026/04/08
stagewise@1.0.0-alpha.482026/04/06
stagewise@1.0.0-alpha.472026/04/06
stagewise@1.0.0-alpha.462026/04/02
stagewise@1.0.0-alpha.452026/03/30
stagewise@1.0.0-alpha.442026/03/26
stagewise@1.0.0-alpha.432026/03/20
stagewise@1.0.0-alpha.422026/03/20
stagewise@1.0.0-alpha.412026/03/19
stagewise@1.0.0-alpha.402026/03/18
stagewise@1.0.0-alpha.382026/03/18
stagewise@1.0.0-alpha.372026/03/18

常见问题

相似工具推荐

gemini-cli

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

100.8k|★★☆☆☆|5天前
插件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周前
插件开发框架

ML-For-Beginners

ML-For-Beginners 是由微软推出的一套系统化机器学习入门课程,旨在帮助零基础用户轻松掌握经典机器学习知识。这套课程将学习路径规划为 12 周,包含 26 节精炼课程和 52 道配套测验,内容涵盖从基础概念到实际应用的完整流程,有效解决了初学者面对庞大知识体系时无从下手、缺乏结构化指导的痛点。 无论是希望转型的开发者、需要补充算法背景的研究人员,还是对人工智能充满好奇的普通爱好者,都能从中受益。课程不仅提供了清晰的理论讲解,还强调动手实践,让用户在循序渐进中建立扎实的技能基础。其独特的亮点在于强大的多语言支持,通过自动化机制提供了包括简体中文在内的 50 多种语言版本,极大地降低了全球不同背景用户的学习门槛。此外,项目采用开源协作模式,社区活跃且内容持续更新,确保学习者能获取前沿且准确的技术资讯。如果你正寻找一条清晰、友好且专业的机器学习入门之路,ML-For-Beginners 将是理想的起点。

85.1k|★★☆☆☆|4天前
图像数据工具视频

codex

Codex 是 OpenAI 推出的一款轻量级编程智能体,专为在终端环境中高效运行而设计。它允许开发者直接在命令行界面与 AI 交互,完成代码生成、调试、重构及项目维护等任务,无需频繁切换至浏览器或集成开发环境,从而显著提升了编码流程的连贯性与专注度。 这款工具主要解决了传统 AI 辅助编程中上下文割裂的问题。通过将智能体本地化运行,Codex 能够更紧密地结合当前工作目录的文件结构,提供更具针对性的代码建议,同时支持以自然语言指令驱动复杂的开发操作,让“对话即编码”成为现实。 Codex 非常适合习惯使用命令行的软件工程师、全栈开发者以及技术研究人员。对于追求极致效率、偏好键盘操作胜过图形界面的极客用户而言,它更是理想的结对编程伙伴。 其独特亮点在于灵活的部署方式:既可作为全局命令行工具通过 npm 或 Homebrew 一键安装,也能无缝对接现有的 ChatGPT 订阅计划(如 Plus 或 Pro),直接复用账户权益。此外,它还提供了从纯文本终端到桌面应用的多形态体验,并支持基于 API 密钥的深度定制,充分满足不同场景下的开发需求。

75.2k|★☆☆☆☆|今天
语言模型Agent插件

openai-cookbook

openai-cookbook 是 OpenAI 官方提供的一套实用代码示例与指南合集,旨在帮助开发者快速上手并掌握 OpenAI API 的核心用法。面对大模型应用中常见的提示词工程、函数调用、数据嵌入及复杂任务编排等挑战,新手往往难以找到标准化的实现路径。openai-cookbook 通过提供经过验证的代码片段和详细教程,有效解决了“如何从零开始构建应用”以及“如何最佳实践特定功能”的痛点。 这套资源主要面向软件开发者和 AI 技术研究人员,同时也适合希望深入理解大模型能力的技术爱好者。虽然示例代码主要以 Python 编写,但其背后的设计思路和技术逻辑具有通用性,可轻松迁移至其他编程语言。其独特亮点在于内容紧跟官方最新特性更新,覆盖了从基础文本生成到高级代理(Agent)构建的全场景需求,且所有示例均支持在本地环境直接运行调试。作为开源项目,它采用宽松的 MIT 许可证,鼓励社区贡献与二次开发,是学习大模型应用开发不可或缺的实战手册。

72.7k|★★☆☆☆|4天前
语言模型插件

gstack

gstack 是 Y Combinator CEO Garry Tan 亲自开源的一套 AI 工程化配置,旨在将 Claude Code 升级为你的虚拟工程团队。面对单人开发难以兼顾产品战略、架构设计、代码审查及质量测试的挑战,gstack 提供了一套标准化解决方案,帮助开发者实现堪比二十人团队的高效产出。 这套配置特别适合希望提升交付效率的创始人、技术负责人,以及初次尝试 Claude Code 的开发者。gstack 的核心亮点在于内置了 15 个具有明确职责的 AI 角色工具,涵盖 CEO、设计师、工程经理、QA 等职能。用户只需通过简单的斜杠命令(如 `/review` 进行代码审查、`/qa` 执行测试、`/plan-ceo-review` 规划功能),即可自动化处理从需求分析到部署上线的全链路任务。 所有操作基于 Markdown 和斜杠命令,无需复杂配置,完全免费且遵循 MIT 协议。gstack 不仅是一套工具集,更是一种现代化的软件工厂实践,让单人开发者也能拥有严谨的工程流程。

72k|★★☆☆☆|今天
Agent插件