可替代开源界面与原型协作GitHub 解法 →
GitHub 解法 · 可替代Penpotpenpot/penpot在浏览器里完成界面设计、交互原型和团队协作，并把设计结果顺畅交给开发。把界面设计、可点击原型、设计系统和团队协作放进浏览器。设计师可以共同编辑，开发者也能查看尺寸、样式和可复用组件。
开源界面与原型协作 →十大分类 · 08
AI 编程与建站
让非专业开发者和 AI 编程用户更高效地完成网站、代码和应用任务。
怎么使用这里先选你正在做的事，再打开项目档案，看它能解决什么、需要什么条件、实际会花多少钱。
这一类正在用的软件
7 个软件，逐个对应 GitHub 解法。
先点你已经在用的商业软件；右侧明确写出 GitHub 项目属于可替代、降低成本、提高效率还是自动化，不把它们混在一起讲。
提高效率补代码关系图上下文GitHub 解法 →
GitHub 解法 · 提高效率GraftNanoNets/Graft它给代码仓库画出一张 Agent 真能读懂的关系图，让每次开工不必重新摸路。用 tree-sitter 为代码库生成符号、调用和文件关系图，并通过 MCP、命令行和 Agent 配置提供可追踪的代码上下文；深度模式还能生成文件与系统说明。
补代码关系图上下文 →自动化控制上下文与执行成本GitHub 解法 →
GitHub 解法 · 自动化Token-Aware-Orchestratorswordluan8-hash/token-aware-orchestrator给 AI 编程任务设置上下文预算和执行路线，把有限 token 留给真正影响结果的信息。先缩小 Codex 初始读取范围，再按任务类型、目标模型、预算、成功标准和预期文件执行任务；结束后写出包含 token 用量、测试、差异和异常文件的 JSON 交接记录。
控制上下文与执行成本 →自动化跨会话长期记忆GitHub 解法 →
GitHub 解法 · 自动化Agent Memory Vaultmcncarl/agent-memory-vaultClaude Code 和 Codex 共用一座可追溯、可回滚的长期记忆库，换会话也不会集体失忆。让 Claude Code 与 Codex 共用 Markdown 事实源、Git 历史、SQLite 全文检索和可选本地语义搜索，并通过认领、预写、收尾和审计控制记忆写入。
跨会话长期记忆 →提高效率终端结对编程GitHub 解法 →
GitHub 解法 · 提高效率AiderAider-AI/aider在现有仓库里做精准的跨文件修改，同时自动提交 Git、运行检查并继续修错。把现有代码库交给终端里的 AI 结对程序员：它先理解整个仓库，再按要求跨文件修改、提交 Git、运行 lint 和测试，发现问题还能继续修。
终端结对编程 →提高效率按代码结构理解仓库GitHub 解法 →
GitHub 解法 · 提高效率Serenaoraios/serena让编程 Agent 按符号和代码结构定位问题，不必反复吞下整个文件。为编程 Agent 提供按符号查找、引用追踪和结构化编辑能力，让它先定位类、函数与调用关系，再读取和修改必要代码。大型仓库里尤其能减少无关上下文。
按代码结构理解仓库 →可替代本地对话生成应用GitHub 解法 →
GitHub 解法 · 可替代Dyaddyad-sh/dyad像 Lovable 和 v0 一样用对话生成应用，但代码、预览和模型钥匙都能留在本机。本地 AI 应用构建器，用自然语言生成代码并在电脑上运行实时预览，支持自带模型密钥。
本地对话生成应用 →第一层 · 市面上通常怎么做
先看你正在为谁付费。
这里只列大众常见的商业工具，目的不是替它们推销，而是先明确它们解决什么工作、如何计费，以及成本从哪里开始增加。
商业软件基线
Cursor
AI 编程、代码库问答、Agent 修改和开发工作流。
- 官方价格 / 计费方式
- Pro US$20 / 月；Pro+ US$60；Ultra US$200。模型用量和额度要另外看。
- 真正的成本痛点
- 固定订阅之外，重度 Agent、特定模型和额外 usage 可能继续消耗预算。
价格记录规则价格必须标明页面、币种、地区、日期、月付或年付。页面上的数字只是该次查到的官方基线，不代表所有国家、设备或促销价格。
第二层 · GitHub 从这里介入
用 GitHub 解决成本与效率问题
针对上一层商业软件的费用、能力缺口或重复流程，这里给出开源替代、增强工具和自动化方案。每个项目都标出许可、运行条件和真实成本，方便判断是否适合你。
Gitlawb/openclaude
OpenClaude
一句话看懂在一套终端工作流中切换云端、本地和多家兼容模型。
在一套终端工作流中切换云端、本地和多家兼容模型。
- 项目类型
- 多模型编程终端
- 运行条件
- Windows、macOS、Linux；Node.js 22+及模型配置
- 真实成本
- 待核验
VoltAgent/awesome-design-md
Awesome DESIGN.md
一句话看懂将成熟网站的视觉规则交给编码 Agent 生成网页初稿。
将成熟网站的视觉规则交给编码 Agent 生成网页初稿。
- 项目类型
- 网页设计规则库
- 运行条件
- GitHub 可阅读；实际制作需编码 Agent 和前端项目
- 真实成本
- 待核验
ChromeDevTools/chrome-devtools-mcp
Chrome DevTools MCP
一句话看懂让编码 Agent 直接检查网页报错、网络请求和性能瓶颈。
让编码 Agent 直接检查网页报错、网络请求和性能瓶颈。
- 项目类型
- 浏览器调试 MCP
- 运行条件
- Node.js LTS、Chrome、支持 MCP 的编码 Agent
- 真实成本
- 待核验
pacifio/atlas
Atlas
一句话看懂记录多名 Agent 的提示、工具调用、改动和提交，方便追溯。
记录多名 Agent 的提示、工具调用、改动和提交，方便追溯。
- 项目类型
- Agent 工作记录台
- 运行条件
- 桌面端、Git 项目及受支持的编程 Agent
- 真实成本
- 待核验
affaan-m/ECC
ECC
一句话看懂为 Codex、Claude Code 等增加规划、测试、复核和记忆流程。
为 Codex、Claude Code 等增加规划、测试、复核和记忆流程。
- 项目类型
- 编码 Agent 工作流
- 运行条件
- Node.js 18+、Git 及受支持的编码 Agent
- 真实成本
- 待核验
addyosmani/agent-skills
Agent Skills by Addy Osmani
一句话看懂给编码 Agent 增加需求、计划、测试、审查和上线流程。
给编码 Agent 增加需求、计划、测试、审查和上线流程。
- 项目类型
- 编码 Agent Skills
- 运行条件
- Codex、Claude Code、Cursor 等；支持 npx 安装
- 真实成本
- 待核验
cathrynlavery/diagram-design
Diagram Design
一句话看懂将说明文字生成可编辑的信息图、流程图和架构图。
将说明文字生成可编辑的信息图、流程图和架构图。
- 项目类型
- 图表设计 Skill
- 运行条件
- 支持 Skills 的 Agent；导出 PNG 需浏览器或转换工具
- 真实成本
- 待核验
mattpocock/skills
Matt Pocock Skills
一句话看懂给 Codex、Claude Code 等补上提问澄清、调试、交接、测试和代码审查等可组合流程。
给 Codex、Claude Code 等补上提问澄清、调试、交接、测试和代码审查等可组合流程。
- 项目类型
- 编码 Agent Skills
- 运行条件
- Codex、Claude Code 等支持 Skills 的 Agent；安装通常需 Node.js/npx
- 真实成本
- 待核验
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 与托管支持可能另计
anomalyco/opencode
OpenCode
一句话看懂开源代码 Agent 的中文路线，终端、桌面和 IDE 都能接入，模型可以自行选择。
在终端、桌面应用或 IDE 中让 AI 理解代码库、执行编程任务并连接你选择的模型提供商。
- 项目类型
- 开源 AI 编程 Agent
- 运行条件
- macOS / Windows / Linux；终端或 IDE；需模型服务
- 真实成本
- 待核验
Amery2010/open-builder
Open Builder
一句话看懂用中文描述想要的网页应用，AI 直接生成文件并在旁边实时预览，还能打包带走代码。
用自然语言生成和修改网页应用，在浏览器沙箱中实时预览，支持多种前端模板、历史快照、代码下载与自选模型。
- 项目类型
- 自然语言网页应用生成器
- 运行条件
- 浏览器演示；桌面端支持 macOS / Windows / Linux；本地开发需 Node.js、pnpm
- 真实成本
- 待核验
usestrix/strix
Strix
一句话看懂让 AI Agent 像渗透测试员一样检查自己的应用，找到漏洞后给出利用证据和修复方向。
自动探索 Web 应用、API 和代码中的安全问题，生成可验证的漏洞利用 PoC，并把发现与修复建议整理成报告。最短上手是按官方方式部署、配置模型，然后只填写自己拥有或明确获授权的测试目标；例如在新版本上线前检查登录与接口权限，并把复现步骤交给开发人员修复。
- 项目类型
- AI 渗透测试平台
- 运行条件
- Python / Docker / 本地或服务器；仅限获授权目标
- 真实成本
- Apache-2.0；软件免费，模型、算力和服务器成本另计
0xSteph/pentest-ai
Pentest AI
一句话看懂AI 找到漏洞后不只报一个名字，还会重新执行攻击并留下可以复现的证据包。
用可重复的机器验证检查每项发现，只有通过复测的问题才进入报告，并附可重放的证据包。最短上手是按官方说明配置模型和隔离测试环境，再指定自有或获授权目标；例如发现接口越权后，让机器再次执行同一利用，确认成功才交付证据，减少自动扫描误报。
- 项目类型
- 可验证的 AI 渗透测试工具
- 运行条件
- Python / 本地或服务器；仅限自有或获授权目标
- 真实成本
- MIT；软件免费，模型、算力与测试环境成本另计
Untrivial-ai/agent-orchestrator
Agent Orchestrator
一句话看懂在一张 Agent IDE 里拆任务、调度多名编程 Agent，并处理 CI 失败、合并冲突和代码审查。
为复杂开发任务建立计划，按需派生一队编程 Agent 并跟踪执行状态，自动接手常见的 CI 修复、合并冲突和代码审查。最短上手是安装 Agent IDE、连接代码仓库和模型，再交代一个可拆分的开发目标；例如同时派出前端、后端和测试 Agent，最后统一处理失败检查与合并冲突。
- 项目类型
- 多编程 Agent 调度 IDE
- 运行条件
- Go / 本地 Agent IDE / Git 与 CI 工作流
- 真实成本
- Apache-2.0；软件免费，模型、CI 与运行环境成本另计
tt-a1i/archify
Archify
一句话看懂把一句系统描述或整个代码库交给 Agent，几秒生成可核验、可交互、还能导出的专业架构图。
把系统描述或代码仓库交给 Codex、Claude Code、Cursor 等 Agent，就能生成架构图、工作流图、时序图、数据流图和生命周期图，并导出自包含 HTML、PNG、SVG、WebM 与分享卡。最短上手是在终端执行 npx skills add tt-a1i/archify -g，然后对 Agent 说“使用 Archify 分析这个仓库，画出 8—12 个核心组件、主调用路径、外部依赖和信任边界”。它会先用结构化数据和规则检查图中关系，再交付可交互结果，适合代码评审、系统讲解和技术文档。
- 项目类型
- 可核验的架构图 Agent Skill
- 运行条件
- Codex CLI / Claude Code / Cursor / OpenCode / Raven；需 Node.js 与可运行 Skill 的 Agent
- 真实成本
- MIT；Skill 免费，所用模型、Agent 订阅和本地运行成本另计
tt-a1i/matt-skills-with-to-goal
Matt Skills with To-Goal
一句话看懂把已经谈清楚的需求压成带完成标准的执行合同，新会话或分身接手后直接做、测试并带证据回来。
把“聊清楚需求”和“下场实现”分成两条线：主会话先把范围、约束和完成标准封成 Spec；再把任务交给一个继承上下文的执行会话，执行会话完成代码、测试和审查后带回结构化回执。上下文已经混乱、要跨天或换工具时，To-Goal 会把仓库现状、执行顺序、完成标准和外部操作边界压成一份可直接交接的合同。最短路径是安装后依次运行 /grill-me、/to-spec、/execute-spec-in-fork；例如把“修复收成区按钮混淆”先写成可验收任务，再由执行会话改代码并回传测试证据。
- 项目类型
- 跨会话开发交接与执行 Skill 套件
- 运行条件
- Codex App / Claude Code 等支持 Agent Skills 的环境；自动 Fork 闭环另需 Codex Task Messenger；项目首次使用需初始化约定
- 真实成本
- MIT；Skill 免费；消耗的是实际执行时的 Agent 订阅、token 与模型额度
JetBrains/go-modern-guidelines
Go Modern Guidelines
一句话看懂让编码 Agent 读取 go.mod 后，按项目版本采用兼容的现代 Go 写法和标准库能力。
由 JetBrains / GoLand 团队维护，先读取项目 go.mod 的 Go 版本，再提示 Junie、Claude Code、Codex、Cursor 等 Agent 使用该版本支持的现代语法、标准库和惯用写法。Codex 可从 JetBrains marketplace 安装插件，首次运行会把 CLI 缓存在本机，不修改项目依赖。它减少 Agent 生成过时 Go 代码的概率，但仍需编译、测试和代码审查。
- 项目类型
- 现代 Go 编码 Agent 指南
- 运行条件
- Go toolchain / Codex、Claude Code、Cursor、Junie 等编码 Agent
- 真实成本
- Apache-2.0；规则与代码免费，Agent 与模型使用成本另计
anthropics/claude-plugins-official
Claude Plugins Official
一句话看懂从 Anthropic 官方维护的目录发现并安装经过筛选的 Claude Code 插件。
Anthropic 官方维护的 Claude Code 插件目录，既包含内部插件，也包含经过目录审核的伙伴与社区插件。可以在 Claude Code 中运行 /plugin > Discover 浏览，或用 /plugin install 插件名@claude-plugins-official 安装。目录审核不等于每个插件都适合你的代码和数据，安装前仍应分别检查源码、权限、网络访问和各自许可证。
- 项目类型
- Claude Code 官方插件目录
- 运行条件
- Claude Code / 插件系统 / 逐项审查第三方插件
- 真实成本
- Apache-2.0；目录代码免费，外部插件各有自己的许可证、权限和服务成本
DietrichGebert/ponytail
Ponytail
一句话看懂让编码 Agent 像谨慎的资深开发者一样少写代码、少造抽象，完成任务后及时停手。
给 Claude Code、Codex 等编码 Agent 加上一套“懒惰资深工程师”规则：先判断是否真的需要写代码，再复用现有实现、标准库和原生能力，最后才写最小的新代码。它不会允许省掉安全、验证、无障碍或防数据丢失处理。作者公布的 12 项基准显示代码量和成本下降，但那是作者基准，本站尚未独立复测。
- 项目类型
- 抑制过度工程的编码 Agent 规则与审查工具
- 运行条件
- Claude Code / Codex / Cursor 等编码 Agent；安装后需检查 hooks 并开新会话
- 真实成本
- MIT；Skill 免费，作者基准待本站独立复测，模型与 Agent 成本另计
ConardLi/garden-skills
Garden Skills
一句话看懂给 Claude Code、Codex 和 Cursor 装上网页设计、图像生成、知识检索与视频演示等现成 Skills。
面向 Claude Code、Cursor、Codex 等 Agent 的 Skills 合集，覆盖网页设计、视频演示、图像生成、知识检索和文章排版。可运行 npx skills add ConardLi/garden-skills 安装全部，也可用 -s 只装一个 Skill，并支持固定 tag 或 zip 版本。合集让能力更容易复用，但每个 Skill 的网络访问、模型依赖和输出质量仍应分别检查。
- 项目类型
- 多场景 Agent Skills 合集
- 运行条件
- Claude Code / Cursor / Codex / Gemini / OpenCode 等支持 Skills 的 Agent
- 真实成本
- MIT；Skills 免费，外部模型、素材、API 与运行成本另计
google/googletest
GoogleTest
一句话看懂用 Google 成熟的 C++ 测试与 Mock 框架组织断言、参数化测试和自动化回归。
Google 维护的 C++ 测试与 Mock 框架，提供自动测试发现、丰富断言、参数化测试和死亡测试。v1.18.x 要求 C++17，可通过 CMake 安装，也可用 FetchContent 嵌入现有项目并链接 GTest::gtest_main。它不是 AI 项目，却是验证 C++ 软件行为和持续回归的成熟基础设施。
- 项目类型
- C++ 单元测试与 Mock 框架
- 运行条件
- C++17 / CMake 或兼容构建系统
- 真实成本
- BSD-3-Clause；框架免费，编译环境、CI 与维护成本另计
abhigyanpatwari/GitNexus
GitNexus
一句话看懂把陌生代码库变成能点、能查、能问的关系图，先看清依赖和调用链再让 Agent 动手。
把 GitHub、GitLab、Azure 仓库或本地 ZIP 拖进浏览器，自动生成函数、模块、依赖和调用链关系图，并用内置 Graph RAG Agent 回答“这个功能从哪里进、改动会影响谁”等问题。适合接手旧项目、审查外包代码或让编程 Agent 开工前先看清全局。
- 项目类型
- 浏览器端代码关系图与问答工具
- 运行条件
- 浏览器可直接体验；CLI/MCP 路线需 Node.js 与 npm
- 真实成本
- 待核验
cursor/plugins
Cursor Plugins
一句话看懂给 Cursor 装上邮件、网盘、日历、审查、学习和自动化等官方插件，不再靠长提示词硬接工具。
从 Cursor 官方目录安装邮件、Google Drive、日历、GitHub、浏览器自动化、持续学习、代码审查和团队协作插件，把原本要反复解释的工具操作变成 Agent 可直接调用的能力。
- 项目类型
- Cursor 官方 Agent 插件目录
- 运行条件
- Cursor；具体插件可能需要对应服务账号与授权
- 真实成本
- 待核验
abi/screenshot-to-code
Screenshot to Code
一句话看懂上传截图或录屏就能生成可继续编辑的网页代码，把临摹界面的第一版压缩到几分钟。
上传一张界面截图、网页 URL 或操作录屏，生成可继续编辑的 HTML、React、Vue 等前端代码，适合非开发者快速做出页面原型，再交给 Agent 或开发者继续修改。
- 项目类型
- 截图与录屏转网页代码工具
- 运行条件
- 浏览器或 Docker；生成需配置支持视觉的模型服务
- 真实成本
- 待核验
anthropics/skills
Anthropic Skills
一句话看懂把写作、设计、编程和文档工作变成可安装的 Agent 能力。
Anthropic 官方 Skills 仓库，包含前端设计、文档、表格、幻灯片与其他可复用能力；Best Skills 的 frontend-design 直接匹配该仓库并记录 830,972 次 skills.sh 安装。
- 项目类型
- Agent Skills 官方合集
- 运行条件
- Claude Code / 支持 Skills 的 Agent
- 真实成本
- 各目录许可证、模型调用与第三方服务费用需分别核对
obra/superpowers
Superpowers
一句话看懂把编程 Agent 的需求、计划、实现和验证串成可重复工作流。
面向 Claude Code 等编程 Agent 的技能与工作流合集，覆盖需求、计划、实现和验证；今天只完成官方仓库核验，尚未把作者基准当作本站实测。
- 项目类型
- Agent 开发工作流
- 运行条件
- 支持 Skills 的 Agent；具体模型与运行环境按仓库说明
- 真实成本
- 开源；模型调用与执行环境成本另计