把界面设计、可点击原型、设计系统和团队协作放进浏览器。设计师可以共同编辑,开发者也能查看尺寸、样式和可复用组件。
开源界面与原型协作 →九大分类 · 08
AI 编程与建站
让非专业开发者和 AI 编程用户更高效地完成网站、代码和应用任务。
这一类正在用的软件
7 个软件,逐个对应 GitHub 解法。
先点你已经在用的商业软件;右侧明确写出 GitHub 项目属于可替代、降低成本、提高效率还是自动化,不把它们混在一起讲。
用 tree-sitter 为代码库生成符号、调用和文件关系图,并通过 MCP、命令行和 Agent 配置提供可追踪的代码上下文;深度模式还能生成文件与系统说明。
补代码关系图上下文 →先缩小 Codex 初始读取范围,再按任务类型、目标模型、预算、成功标准和预期文件执行任务;结束后写出包含 token 用量、测试、差异和异常文件的 JSON 交接记录。
控制上下文与执行成本 →让 Claude Code 与 Codex 共用 Markdown 事实源、Git 历史、SQLite 全文检索和可选本地语义搜索,并通过认领、预写、收尾和审计控制记忆写入。
跨会话长期记忆 →把现有代码库交给终端里的 AI 结对程序员:它先理解整个仓库,再按要求跨文件修改、提交 Git、运行 lint 和测试,发现问题还能继续修。
终端结对编程 →为编程 Agent 提供按符号查找、引用追踪和结构化编辑能力,让它先定位类、函数与调用关系,再读取和修改必要代码。大型仓库里尤其能减少无关上下文。
按代码结构理解仓库 →本地 AI 应用构建器,用自然语言生成代码并在电脑上运行实时预览,支持自带模型密钥。
本地对话生成应用 →第一层 · 市面上通常怎么做
先看你正在为谁付费。
这里只列大众常见的商业工具,目的不是替它们推销,而是先明确它们解决什么工作、如何计费,以及成本从哪里开始增加。
Cursor
AI 编程、代码库问答、Agent 修改和开发工作流。
- 官方价格 / 计费方式
- Pro US$20 / 月;Pro+ US$60;Ultra US$200。模型用量和额度要另外看。
- 真正的成本痛点
- 固定订阅之外,重度 Agent、特定模型和额外 usage 可能继续消耗预算。
第二层 · GitHub 从这里介入
用 GitHub 解决成本与效率问题
针对上一层商业软件的费用、能力缺口或重复流程,这里给出开源替代、增强工具和自动化方案。每个项目都标出许可、运行条件和真实成本,方便判断是否适合你。
NanoNets/Graft
Graft
一句话看懂它给代码仓库画出一张 Agent 真能读懂的关系图,让每次开工不必重新摸路。
用 tree-sitter 为代码库生成符号、调用和文件关系图,并通过 MCP、命令行和 Agent 配置提供可追踪的代码上下文;深度模式还能生成文件与系统说明。
- 项目类型
- 代码关系图与 Agent 上下文工具
- 运行条件
- Claude Code / Cursor / Codex / Gemini;本地命令行与 MCP
- 真实成本
- 结构图可在本地无模型运行;深度摘要使用自选模型/API
mcncarl/agent-memory-vault
Agent Memory Vault
一句话看懂Claude Code 和 Codex 共用一座可追溯、可回滚的长期记忆库,换会话也不会集体失忆。
让 Claude Code 与 Codex 共用 Markdown 事实源、Git 历史、SQLite 全文检索和可选本地语义搜索,并通过认领、预写、收尾和审计控制记忆写入。
- 项目类型
- 跨 Agent 长期记忆系统
- 运行条件
- Python 3.10+ / Git;Windows / macOS / Linux
- 真实成本
- MIT;核心本地运行免费,可选向量模型占用本机算力与存储
swordluan8-hash/token-aware-orchestrator
Token-Aware-Orchestrator
一句话看懂给 AI 编程任务设置上下文预算和执行路线,把有限 token 留给真正影响结果的信息。
先缩小 Codex 初始读取范围,再按任务类型、目标模型、预算、成功标准和预期文件执行任务;结束后写出包含 token 用量、测试、差异和异常文件的 JSON 交接记录。
- 项目类型
- Codex 本地控制层
- 运行条件
- macOS / Linux / 已登录的 Codex CLI
- 真实成本
- 开源代码;预算是执行护栏,实际模型用量仍以 Codex 报告为准
Aider-AI/aider
Aider
一句话看懂在现有仓库里做精准的跨文件修改,同时自动提交 Git、运行检查并继续修错。
把现有代码库交给终端里的 AI 结对程序员:它先理解整个仓库,再按要求跨文件修改、提交 Git、运行 lint 和测试,发现问题还能继续修。
- 项目类型
- AI 编程助手
- 运行条件
- macOS / Windows / Linux / 终端或 IDE
- 真实成本
- Apache-2.0;模型 API、本地模型或订阅费用另计
oraios/serena
Serena
一句话看懂让编程 Agent 按符号和代码结构定位问题,不必反复吞下整个文件。
为编程 Agent 提供按符号查找、引用追踪和结构化编辑能力,让它先定位类、函数与调用关系,再读取和修改必要代码。大型仓库里尤其能减少无关上下文。
- 项目类型
- 代码语义工具
- 运行条件
- MCP / 支持 Agent 的开发环境
- 真实成本
- 开源工具;语言服务器与模型成本另计
OpenHands/OpenHands
OpenHands
一句话看懂在一个自托管控制台里运行多个编程 Agent,并把一次性指令变成可重复的开发流程。
让 AI Agent 在隔离执行环境中完成软件开发任务,覆盖代码修改、命令执行、网页交互和多种模型接入。
- 项目类型
- 自托管软件开发 Agent 平台
- 运行条件
- 本地 / Docker / 云端;需连接模型
- 真实成本
- 开源核心;模型、算力与托管服务成本另计
dyad-sh/dyad
Dyad
一句话看懂像 Lovable 和 v0 一样用对话生成应用,但代码、预览和模型钥匙都能留在本机。
本地 AI 应用构建器,用自然语言生成代码并在电脑上运行实时预览,支持自带模型密钥。
- 项目类型
- 本地 AI 应用构建器
- 运行条件
- Windows / macOS
- 真实成本
- 核心代码 Apache-2.0,Pro 目录另有许可;模型 API 与本地运行成本另计
firecrawl/open-lovable
Open Lovable
一句话看懂给一个网站或一句需求,就能对话生成 React 应用,开源的 Lovable 路线非常直接。
通过对话生成和重建 React 应用,可抓取参考网站并使用自选模型继续修改。
- 项目类型
- 对话式 React 应用构建器
- 运行条件
- Node.js / 本地 Web / Vercel 候选
- 真实成本
- MIT;需要 Firecrawl 与模型 API,调用和部署成本另计
GrapesJS/grapesjs
GrapesJS
一句话看懂拖拽组件、样式、图层和素材管理都能嵌进自己的产品,网页编辑器不用从零造。
免费开源 Web Builder 框架,提供组件、样式、图层、代码、素材和存储管理,用于嵌入网站与模板编辑器。
- 项目类型
- 网页构建器框架
- 运行条件
- JavaScript / 浏览器 / 可嵌入应用
- 真实成本
- BSD-3-Clause;框架免费,Studio SDK 与托管支持可能另计