OPEN_SOURCE_ATLAS

AI 开源版图

构建多代理、工程化与行业数字化的技术矩阵。 沉淀 58 个开源仓库，将规范驱动的 AI 开发方法转化为资产。

61
仓库总数
9
原创仓库
52
Fork 仓库
40 / 29
带 Wiki / Homepage 的项目

生态矩阵

从多代理 AI 工作流到行业数字化实践的可复用资产库。

AI Agent & MCP 生态

围绕 Claude Code 与 Model Context Protocol 打造的多代理工作流、工具链与服务端集成。

17 items

replicate-flux-mcp

2025

封装 Replicate 模型的 MCP 服务端，实现批量图像与矢量资产生成

[ 详情与用法 ]
说明 一个基于 Model Context Protocol (MCP) 的服务端，集成 Replicate 的生成式图像/矢量模型，供 AI 助手（如 Cursor、Claude）通过"工具"方式调用，批量生成图片或 SVG 素材。面向开发者的"风格一致、可编排"的资产生产流水线。
场景1. 配置 MCP 服务器：在 Cursor/Claude Code 中添加 MCP 服务器配置；2. 设置 Replicate API：配置 Replicate API 密钥；3. 调用图像生成：通过 AI 对话界面调用图像生成工具；4. 批量生成：支持批量生成图片或 SVG 素材；5. 风格控制：通过参数控制生成风格，确保一致性。
MCPReplicate APITypeScript
GitHub

claude-multiagent-pm

2025

多智能体项目管理框架，支持自定义 AI 专家团队协同

[ 详情与用法 ]
说明 claude-multiagent-pm 是一个让你能够打造、训练和指挥一个专属 AI 专家团队的强大框架，特别适合那些希望将 AI 深度集成到自定义、复杂和多步骤工作流中的开发者。支持自定义 AI 专家角色、任务分配、团队协作和知识共享。
场景1. 安装框架：通过 npm/yarn 安装 claude-multiagent-pm；2. 定义专家角色：创建自定义 AI 专家角色和职责；3. 配置工作流：设置多步骤工作流程；4. 训练团队：通过示例训练 AI 专家团队；5. 执行任务：通过框架 API 执行复杂的多步骤任务。
ClaudeAgent OrchestrationNode.js
GitHub Website

claude-task-master

2025

任务拆解 + MCP/CLI 集成的 AI 任务管理系统

[ 详情与用法 ]
说明 claude-task-master 是一个 AI 驱动的任务管理系统，可集成到 Cursor、Lovable、Windsurf、Roo 等 AI 编辑器中使用。核心功能包括：AI 任务管理（将需求文档 PRD 自动解析为结构化任务、智能生成任务列表和子任务、任务优先级和依赖关系管理）、多种使用方式（MCP 集成、命令行工具、API 集成，支持多种 AI 模型）。
场景1. MCP 集成：在 Cursor/Lovable 等编辑器中通过 AI 对话使用；2. CLI 工具：使用命令行工具进行任务管理；3. API 集成：通过 API 集成到现有工作流；4. 导入 PRD：上传需求文档，自动解析为任务；5. 任务跟踪：查看任务进度、依赖关系和优先级。
ClaudeCLIMCPNode.js
GitHub Website

agents

2025

85+ Claude 子代理与多工作流协调器，涵盖研发、运维、业务场景

[ 详情与用法 ]
说明 一个全面的生产就绪系统，结合了 85 个专业 AI 代理、15 个多代理工作流协调器、47 个代理技能和 44 个开发工具，并组织成 63 个专注于单一用途的 Claude Code 插件。涵盖研发、运维、业务等多个场景的专业化代理。
场景1. 安装插件：在 Claude Code 中安装所需的代理插件；2. 选择代理：根据任务类型选择合适的专业代理；3. 配置工作流：设置多代理工作流协调器；4. 执行任务：通过代理执行专业的开发、运维或业务任务；5. 组合使用：将多个代理组合使用以完成复杂任务。
ClaudePluginsTypeScript
GitHub Website

zcf

2025

Claude Code 多配置管理与 MCP 服务集成工具集

[ 详情与用法 ]
说明 自动化安装与配置 Claude Code/Codex，配置 API 提供商（如 302.AI、GLM、MiniMax、Kimi），管理多配置文件切换，并集成 MCP（模块化计算协议）服务。支持 AI 辅助开发、导入结构化工作流（如 Six Steps Workflow、Feat 规划、Git 命令、BMad 企业敏捷流程、Spec 需求到实现的仪表板），让 AI 像智能代理一样处理代码生成、项目初始化、功能开发、Git 操作等。支持个性化 AI 响应风格、多模型选择和成本优化。
场景1. 安装工具：使用 npm/yarn 安装 zcf；2. 配置 API：配置 API 提供商（302.AI、GLM、MiniMax、Kimi 等）；3. 管理配置：使用多配置文件切换功能；4. 集成 MCP：配置 MCP 服务集成；5. 导入工作流：导入结构化工作流模板；6. 自定义风格：设置个性化 AI 响应风格和模型选择。
CLIMCPDevOpsNode.js
GitHub

Rube

2025

MCP 驱动的通用多客户端平台，支持 600+ 应用自动化

[ 详情与用法 ]
说明 一个基于 Model Context Protocol (MCP) 的通用多客户端平台，允许用户通过 AI 聊天界面与超过 600+ 个应用程序进行交互和自动化操作。支持跨应用自动化、数据同步和任务编排。
场景1. 安装平台：访问 rube.app 或通过 GitHub 安装；2. 配置 MCP：设置 MCP 服务器连接；3. 连接应用：授权连接需要自动化的应用程序；4. 创建工作流：通过 AI 对话界面创建工作流；5. 执行自动化：通过 AI 指令执行跨应用的自动化任务。
MCPTypeScriptAPI Integration
GitHub Website

claude-code

2025

AI 驱动的编程助手，支持终端、IDE、GitHub 多平台

[ 详情与用法 ]
说明 AI 驱动的编程助手，在终端、IDE 或 GitHub 中通过自然语言与 AI 交互。核心功能：日常编码任务自动化、代码解释、Git 工作流程、自然语言命令。基于 Node.js 18+，支持跨平台（终端、IDE、GitHub），集成开发环境友好。
场景1. 安装工具：使用 npm 安装 claude-code；2. 配置 API：设置 Claude API 密钥；3. 在终端使用：在终端中运行 claude-code 命令；4. IDE 集成：在支持的 IDE 中安装扩展；5. GitHub 集成：在 GitHub Actions 中使用；6. 自然语言命令：使用自然语言描述需求，AI 自动执行。
Node.jsClaude APICLI
GitHub Website

claude-code-templates

2025

AI 代理模板与命令库，为团队快速启动提供脚手架

[ 详情与用法 ]
说明 全面的 AI 代理、自定义命令、设置、钩子、外部集成 (MCP) 和项目模板集合，可增强您的开发工作流程。提供即用的 AI 代理配置、工作流模板和最佳实践。
场景1. 浏览模板：访问 aitmpl.com 或 GitHub 仓库查看模板；2. 选择模板：根据项目需求选择合适的模板；3. 复制配置：复制模板配置到项目中；4. 自定义修改：根据项目需求修改配置；5. 集成使用：将模板集成到 Claude Code 工作流中。
TemplatesMCPTypeScript
GitHub Website

opcode

2025

Claude Code 的 GUI 工具包，提供桌面级交互体验

[ 详情与用法 ]
说明 专为 Anthropic 的 Claude Code 设计的强大 GUI 应用和工具包。提供桌面级界面来增强 Claude Code 的交互性，帮助用户创建自定义 AI 代理、管理编码会话、运行后台代理等。作为命令中心，桥接命令行工具与视觉体验，支持 AI 辅助开发。使用 TypeScript (78.1%) 和 Rust (20.3%) 开发。
场景1. 下载安装：从 GitHub 或 opcode.sh 下载安装包；2. 启动应用：启动 GUI 应用程序；3. 配置连接：连接到 Claude Code 实例；4. 创建代理：通过 GUI 界面创建自定义 AI 代理；5. 管理会话：管理编码会话和后台代理；6. 执行任务：通过可视化界面执行 AI 辅助开发任务。
TypeScriptRustGUIElectron
GitHub Website

chrome-devtools-mcp

2025

Chrome DevTools 的 MCP 服务器，支持浏览器自动化

[ 详情与用法 ]
说明 Google 浏览器插件 MCP 服务器，将 Chrome DevTools 功能暴露给 AI 助手，支持浏览器自动化、性能分析、元素检查和调试。
场景1. 安装包：通过 npm 安装 chrome-devtools-mcp；2. 配置 MCP：在 Cursor/Claude Code 中配置 MCP 服务器；3. 启动服务：启动 MCP 服务器；4. 连接浏览器：连接 Chrome 浏览器实例；5. 使用工具：通过 AI 对话界面使用 DevTools 功能进行调试和分析。
MCPChrome DevToolsTypeScript
GitHub Website

mcp-chrome

2025

Chrome 扩展 MCP 服务器，支持浏览器自动化与分析

[ 详情与用法 ]
说明 Chrome MCP Server 是一个基于 Chrome 扩展的 Model Context Protocol (MCP) 服务器，将 Chrome 浏览器功能暴露给 AI 助手（如 Claude），支持复杂的浏览器自动化、内容分析和语义搜索。
场景1. 安装扩展：在 Chrome 浏览器中安装 mcp-chrome 扩展；2. 配置 MCP：在 AI 助手（Claude/Cursor）中配置 MCP 服务器；3. 授权连接：授权 AI 助手访问浏览器功能；4. 执行任务：通过 AI 对话界面执行浏览器自动化任务；5. 内容分析：使用语义搜索和内容分析功能。
MCPChrome ExtensionJavaScript
GitHub

SuperClaude_Framework

2025

元编程配置框架，编排 Claude 行为指令与认知角色

[ 详情与用法 ]
说明 开源的元编程配置框架（SuperClaude Framework），旨在增强 Anthropic 的 Claude Code 工具，使其成为一个结构化的开发平台。通过行为指令注入、组件编排、专用命令、认知角色和开发方法论来实现系统化工作流自动化，支持自主适应性网络研究、多工具协调和结构化开发工作流。
场景1. 安装框架：从 GitHub 克隆或安装 SuperClaude_Framework；2. 配置环境：配置 Claude Code 和框架环境；3. 定义角色：创建认知角色和行为指令；4. 编排组件：配置组件编排和工具协调；5. 执行工作流：通过框架执行结构化的开发工作流；6. 自定义方法：应用开发方法论和最佳实践。
ClaudeMeta ProgrammingTypeScript
GitHub Website

BMAD-METHOD

2025

企业级 AI 开发方法论，确保团队化、规范化的开发流程

[ 详情与用法 ]
说明 BMAD-METHOD 不是简单的"让 AI 写代码"的工具，而是一套确保 AI 能够像一个纪律严明、分工明确的团队一样，高效、可靠地完成从需求分析到最终编码全过程的"工作流程"。它是一套方法论和工具集，确保 AI 开发的可控性和质量。
场景1. 学习方法论：阅读 BMAD-METHOD 文档了解工作流程；2. 应用流程：按照"需求 -> 分析 -> 设计 -> 编码"的流程执行；3. 配置工具：配置 AI 工具和团队角色；4. 执行任务：按照方法论执行开发任务；5. 质量保证：通过流程确保代码质量和可维护性。
MethodologyWorkflowAI Development
GitHub

Claude-Code-Multi-Agent

2025

Context Engineering 驱动的多代理编程助手生态系统

[ 详情与用法 ]
说明 Context Engineering 驱动的新一代 AI 编程助手生态系统，基于 Claude Code 构建的智能代理协调平台，实现从需求到交付的全流程自动化开发。支持上下文工程、多代理协调和全流程自动化。
场景1. 安装平台：从 GitHub 克隆或安装 Claude-Code-Multi-Agent；2. 配置上下文：设置 Context Engineering 环境；3. 配置代理：创建和配置多个 AI 代理；4. 定义工作流：设置从需求到交付的完整工作流；5. 执行开发：通过多代理协调平台执行自动化开发；6. 监控交付：跟踪开发进度和交付质量。
ClaudeMulti-AgentContext Engineering
GitHub

claude-skills-guide

2025

完整的 Claude Skills 开发教程与官方示例集合

[ 详情与用法 ]
说明 📚 Claude Skills 开发完全指南 - 从基础到精通。包含2500+行详细中文教程、20个官方示例 Skills、中英双语 README、完善的贡献指南和许可证以及快速参考卡片。教你如何创建专业的 Claude Skills，从基础到精通。
场景1. 克隆仓库：git clone 项目到本地；2. 查看教程：阅读 Claude_Skills_开发完全指南.md 学习完整开发流程；3. 参考示例：查看 anthropic-skills 目录中的20个官方示例；4. 使用模板：复制 template-skill 开始创建自己的 Skill；5. 快速参考：使用快速参考卡片.md 查找常用模式和最佳实践。
Claude SkillsDocumentationShell
GitHub

Skill_Seekers

2025

文档转 Claude Skills 的自动化工具，支持多源抓取和冲突检测

[ 详情与用法 ]
说明 开源自动化工具，专门用于将各类技术文档资源（文档网站、GitHub仓库、PDF文件）转换为 Claude AI 可用的技能包。支持多源统一抓取、冲突检测、AI增强、MCP集成，拥有299个通过测试。版本2.0.0支持文档+代码混合抓取和自动冲突分析。
场景1. 安装依赖：pip install requests beautifulsoup4；2. 选择预设：使用 configs/ 中的预设配置（React、Vue、Django等）；3. 抓取文档：python3 cli/doc_scraper.py --config configs/react.json；4. AI增强（可选）：使用 --enhance-local 进行本地AI增强；5. 打包上传：生成的 .zip 文件上传到 Claude；6. MCP集成：通过 setup_mcp.sh 配置 MCP 服务器，在 Claude Code 中直接使用自然语言操作。
PythonBeautifulSoupMCPClaude API
GitHub

skills

2025

Anthropic 官方 Claude Skills 示例集合与文档技能

[ 详情与用法 ]
说明 Anthropic 官方 Claude Skills 公共仓库。包含多个示例技能，展示 Claude 技能系统的各种可能性：创意应用（艺术、音乐、设计）、技术任务（Web应用测试、MCP服务器生成）、企业工作流（沟通、品牌等）。还包括驱动 Claude 文档能力的文档创建和编辑技能（source-available）。
场景1. Claude Code：运行 /plugin marketplace add anthropics/skills，然后安装 document-skills 或 example-skills 插件；2. Claude.ai：这些示例技能已在付费计划中可用，按照支持文档上传自定义技能；3. Claude API：通过 API 使用预构建技能或上传自定义技能；4. 创建技能：使用 template-skill 作为起点创建自己的技能；5. 参考示例：浏览各个示例技能目录学习不同模式和方法。
Claude SkillsPythonJavaScript
GitHub

AI 多代理框架与研究

多代理系统、Agent 框架、研究项目与 AI 生态核心工具。

10 items

autogen

2025

微软多智能体编程框架，探索自代理协作模式

[ 详情与用法 ]
说明 微软多智能体编程框架，支持自代理协作和工作流自动化。提供对话代理、代码执行、工具调用等功能，支持多代理协作完成复杂任务。
场景1. 安装框架：使用 pip 安装 autogen；2. 配置代理：创建和配置多个 AI 代理；3. 定义任务：定义需要多代理协作完成的任务；4. 执行协作：通过框架执行多代理协作任务；5. 监控结果：跟踪任务执行过程和结果。
PythonMulti-AgentMicrosoft
GitHub Website

crewAI

2025

多角色编排框架，团队型智能体任务分配与合作

[ 详情与用法 ]
说明 多角色编排框架，支持团队型智能体，实现任务分配与合作。提供角色定义、任务分配、协作机制等功能，适合构建复杂的多智能体系统。
场景1. 安装框架：使用 pip 安装 crewAI；2. 定义角色：创建 AI 角色和职责；3. 配置团队：组建 AI 智能体团队；4. 分配任务：将任务分配给合适的角色；5. 执行协作：通过框架执行团队协作任务；6. 查看结果：查看任务执行结果和团队协作过程。
PythonMulti-AgentTeam Orchestration
GitHub Website

langchain

2025

Agent/RAG 框架，上下文感知应用与工具调用

[ 详情与用法 ]
说明 Agent/RAG 框架，支持上下文感知应用、工具调用和多智能体。提供链式调用、工具集成、向量存储等功能，是构建 AI 应用的基础框架。
场景1. 安装框架：使用 pip 安装 langchain；2. 配置 LLM：配置语言模型；3. 创建链：创建处理链和工具链；4. 集成工具：集成外部工具和 API；5. 构建应用：使用框架构建 AI 应用；6. 部署运行：部署和运行应用。
PythonLLMRAG
GitHub Website

llama_index

2025

数据代理/RAG 框架，私有数据接入与文档问答

[ 详情与用法 ]
说明 数据代理/RAG 框架，支持私有数据接入、文档问答和多代理。提供数据索引、向量检索、查询引擎等功能，适合构建知识库和问答系统。
场景1. 安装框架：使用 pip 安装 llama_index；2. 加载数据：加载和索引文档数据；3. 创建索引：创建向量索引；4. 构建查询：构建查询引擎；5. 执行查询：执行文档问答查询；6. 多代理模式：配置多代理协作模式。
PythonRAGVector Database
GitHub Website

open-interpreter

2025

电脑自然语言接口，本地自动化与脚本执行

[ 详情与用法 ]
说明 电脑自然语言接口，支持本地自动化、脚本执行。允许用户通过自然语言控制计算机，执行文件操作、运行脚本、自动化任务等。
场景1. 安装工具：使用 pip 安装 open-interpreter；2. 配置模型：配置本地或远程 LLM 模型；3. 启动交互：启动交互式命令行界面；4. 自然语言命令：使用自然语言描述要执行的操作；5. 确认执行：确认后工具自动执行操作；6. 查看结果：查看执行结果和日志。
PythonLLMAutomation
GitHub Website

Agent-S

2025

Agent-Computer Interface 框架，GUI 自动化操作

[ 详情与用法 ]
说明 开放的 agentic 框架（agent framework），目的是让 AI agent 能像人一样操作计算机界面（GUI / 屏幕 / 应用），即通过"Agent-Computer Interface"自动执行 GUI 任务。
场景1. 安装框架：从 GitHub 克隆或安装 Agent-S；2. 配置环境：配置 AI 模型和 GUI 环境；3. 定义任务：定义需要 GUI 操作的任务；4. 执行任务：通过框架执行 GUI 自动化任务；5. 监控执行：监控 AI agent 的 GUI 操作过程；6. 查看结果：查看任务执行结果。
PythonGUI AutomationAgent Framework
GitHub Website

voltagent

2025

TypeScript AI Agent 框架，类型安全的代理开发

[ 详情与用法 ]
说明 Open Source TypeScript AI Agent Framework，提供类型安全的 AI 代理开发框架，支持构建复杂的 AI 应用和代理系统。
场景1. 安装框架：使用 npm 安装 voltagent；2. 创建代理：使用 TypeScript 创建 AI 代理；3. 配置工具：配置代理使用的工具和 API；4. 定义任务：定义代理需要执行的任务；5. 运行代理：运行和执行 AI 代理；6. 调试优化：调试和优化代理行为。
TypeScriptAI AgentNode.js
GitHub Website

claude-cookbooks

2025

Claude 官方示例与指南集合，Jupyter 教程

[ 详情与用法 ]
说明 Claude 官方示例/指南集合，含工具调用、RAG、Summarization、Vision、多代理、评测等 Jupyter 笔记本与教程。是学习 Claude API 和最佳实践的资源库。
场景1. 克隆仓库：从 GitHub 克隆仓库；2. 安装依赖：安装 Jupyter 和所需依赖；3. 打开教程：打开 Jupyter 笔记本教程；4. 运行示例：运行示例代码学习；5. 修改实验：修改代码进行实验；6. 应用实践：将示例应用到实际项目中。
PythonJupyterClaude API
GitHub

analysis_claude_code

2025

Claude Code 逆向工程分析，系统架构研究

[ 详情与用法 ]
说明 对 Claude Code v1.0.33 进行逆向工程的完整研究和分析资料。包括对混淆源代码的深度技术分析、系统架构文档，以及重构 Claude Code agent 系统的实现蓝图。主要发现包括实时 Steering 机制、多 Agent 架构、智能上下文管理和工具执行管道。
场景1. 阅读文档：阅读仓库中的技术分析文档；2. 理解架构：理解 Claude Code 的系统架构；3. 学习机制：学习实时 Steering 和多 Agent 架构；4. 参考实现：参考重构实现蓝图；5. 应用设计：将设计理念应用到自己的项目中；6. 深入研究：深入研究 AI agent 系统设计。
AnalysisReverse EngineeringArchitecture
GitHub

awesome-claude-code-subagents

2025

100+ 生产级 Claude Code 子代理集合

[ 详情与用法 ]
说明 生产就绪的 Claude Code 子代理集合，提供 100+ 个专业化 AI 代理，用于全栈开发、DevOps、数据科学和业务运营。收录生产级 Claude Code Subagents 的清单与定义，按领域分类（开发、基础设施、质量、安全、数据AI、DX、业务、编排等），可直接拷贝用于 Claude Code 或团队共享。
场景1. 浏览清单：访问 GitHub 仓库浏览代理清单；2. 选择代理：根据需求选择合适的专业代理；3. 复制配置：复制代理配置到项目中；4. 集成使用：在 Claude Code 中集成使用；5. 自定义修改：根据项目需求修改代理配置；6. 团队共享：与团队成员共享代理配置。
ClaudeSubagentsConfiguration
GitHub Website

工程化治理与工具链

沉淀 Monorepo、规范化开发与构建自动化能力的工具集合。

5 items

OpenSpec

2025

AI 协作规范平台，支撑规范先行的需求-实现闭环

[ 详情与用法 ]
说明 AI 辅助开发的规范化工作流工具，让人类和 AI 一起写代码时更有条理、更可控。支持规范创建、协作、版本管理和自动化流程。
场景1. 访问平台：访问 openspec.dev 或部署本地实例；2. 创建规范：创建项目规范和需求文档；3. 协作编辑：与团队成员协作编辑规范；4. 版本管理：管理规范的版本和变更历史；5. 集成工作流：将规范集成到开发工作流中；6. 自动化执行：通过规范驱动自动化开发流程。
OpenSpecNuxtGraphQL
GitHub Website

spec-kit

2025

将规范先行理念工具化，提供命令行与工作流脚本

[ 详情与用法 ]
说明 Spec-Kit 的核心价值在于将"规范先行"的理念工具化，通过标准化流程和 AI 集成，提升开发效率和质量。它特别适合需要规范化管理和 AI 辅助开发的团队。
场景1. 安装工具：使用 npm/yarn 安装 spec-kit；2. 初始化项目：在项目中初始化 spec-kit；3. 创建规范：使用命令行工具创建规范文档；4. 集成工作流：将规范工具集成到 CI/CD 流程；5. 自动化检查：使用工具自动检查规范遵循情况；6. 团队协作：与团队共享规范模板和最佳实践。
Node.jsCLIAutomation
GitHub

context-engineering-intro

2025

Context Engineering 理念与实践指南

[ 详情与用法 ]
说明 推广 "Context Engineering"（上下文工程 / 上下文驱动设计）的理念，并提供一个模板 / 框架 / 实践指南，用于帮助开发者让 AI 编码助理（如 Claude Code）在复杂项目中"带着足够上下文去工作"，从而提升 AI 辅助编码的可靠性、连贯性和可控性。
场景1. 阅读指南：阅读仓库中的 Context Engineering 指南；2. 学习理念：理解上下文工程的核心理念；3. 应用模板：使用提供的模板和框架；4. 实践指南：按照实践指南应用上下文工程；5. 优化上下文：优化项目中的上下文管理；6. 提升效果：通过上下文工程提升 AI 辅助编码效果。
DocumentationMethodologyBest Practices
GitHub

serena

2025

语义检索与编辑能力的编码代理工具包

[ 详情与用法 ]
说明 A powerful coding agent toolkit providing semantic retrieval and editing capabilities (MCP server & other integrations). 提供语义检索和编辑能力的强大编码代理工具包。
场景1. 安装工具包：使用 npm 安装 serena；2. 配置 MCP：配置 MCP 服务器集成；3. 语义检索：使用语义检索功能查找代码；4. 智能编辑：使用智能编辑功能修改代码；5. 集成工具：将工具包集成到开发工作流；6. 提升效率：通过工具包提升编码效率。
TypeScriptMCPSemantic Search
GitHub

OpenHands

2025

IDE/代码智能体，自动修复/重构/PR 工作流

[ 详情与用法 ]
说明 IDE/代码智能体，场景：自动修复/重构/PR 工作流。提供代码自动修复、重构建议、PR 生成等功能，提升开发效率和代码质量。
场景1. 安装工具：从 all-hands.dev 或 GitHub 安装 OpenHands；2. 配置 IDE：在 IDE 中安装和配置工具；3. 自动修复：使用自动修复功能修复代码问题；4. 重构建议：获取代码重构建议；5. PR 生成：自动生成 Pull Request；6. 工作流集成：将工具集成到开发工作流中。
IDE PluginCode IntelligenceAutomation
GitHub Website

行业数字化解决方案

围绕工业、物联网、金融等场景构建的可视化与业务平台。

8 items

Shuziluansheng

2025

数字孪生数据大屏，支撑设备态势与 KPI 指标可视化

[ 详情与用法 ]
说明 数字孪生数据仪表盘，支持设备态势与 KPI 指标可视化。提供实时数据展示、3D 可视化、数据分析和预警功能，适用于工业、物联网等场景的设备监控和数据分析。
场景1. 克隆项目：从 GitHub 克隆仓库；2. 安装依赖：使用 npm/pnpm 安装依赖；3. 配置数据源：配置数据接口和 API；4. 启动项目：运行开发服务器；5. 访问仪表盘：在浏览器中访问数据大屏；6. 自定义配置：根据业务需求自定义图表和指标。
VueEChartsThree.jsWebSocket
GitHub

ZhiHuiYuYe

2025

智慧渔业综合管理平台，覆盖实时监控与多业务流程

[ 详情与用法 ]
说明 智慧渔业综合管理平台，覆盖实时监控与多业务流程。提供渔船监控、生产管理、订房点餐、巡检等业务模块，支持实时数据展示和业务处理。
场景1. 克隆项目：从 GitHub 克隆仓库；2. 安装依赖：安装项目依赖；3. 配置后端：配置后端 API 接口；4. 启动服务：启动前端开发服务器；5. 访问系统：访问智慧渔业管理平台；6. 配置业务：根据业务需求配置各个业务模块。
VueWebSocketEChartsVuex
GitHub

MapTitles-Ailun

2025

地图标题管理与展示实验，探索地理信息可视化模板

[ 详情与用法 ]
说明 地图标题管理与展示实验，探索地理信息可视化模板。提供地图标题的展示、管理和交互功能，适用于地理信息系统的可视化需求。
场景1. 克隆项目：从 GitHub 克隆仓库；2. 打开项目：在浏览器中打开 HTML 文件；3. 配置地图：配置地图服务和 API 密钥；4. 自定义标题：添加和管理地图标题；5. 交互操作：使用地图交互功能；6. 导出模板：导出地图可视化模板。
HTMLCSSMapboxJavaScript
GitHub

my-website

2025

Vue 驱动的个人站点，实践组件化设计与内容运营

[ 详情与用法 ]
说明 Vue 驱动的个人站点，实践组件化设计与内容运营。展示个人作品、技能、项目等内容，提供响应式设计和良好的用户体验。
场景1. 克隆项目：从 GitHub 克隆仓库；2. 安装依赖：安装项目依赖；3. 自定义内容：修改个人信息和内容；4. 启动开发：运行开发服务器预览；5. 构建部署：构建生产版本并部署；6. 内容更新：定期更新作品和项目信息。
VueTailwindVite
GitHub

WEBVUE

2020

早期企业级前端脚手架，沉淀组件复用与工程规范

[ 详情与用法 ]
说明 早期企业级前端脚手架，沉淀组件复用与工程规范。提供基础的项目结构、组件库和工程化配置，适用于企业级前端项目开发。
场景1. 克隆脚手架：从 GitHub 克隆 WEBVUE 脚手架；2. 初始化项目：使用脚手架初始化新项目；3. 安装依赖：安装项目依赖；4. 开发组件：使用组件库开发业务组件；5. 遵循规范：遵循项目工程规范；6. 构建部署：使用脚手架提供的构建和部署工具。
VueElementSCSSWebpack
GitHub

vue-admin

2024

Vue3.x 后台管理系统项目

[ 详情与用法 ]
说明 A Vue3.x project about management system. 基于 Vue3 开发的管理系统项目，提供完整的后台管理功能，包括用户管理、权限控制、数据展示等。
场景1. 克隆项目：从 GitHub 克隆仓库；2. 安装依赖：安装项目依赖；3. 配置环境：配置开发和生产环境；4. 启动开发：运行开发服务器；5. 访问系统：访问管理系统后台；6. 功能开发：根据业务需求开发管理功能。
Vue3TypeScriptElement Plus
GitHub Website

fu-admin

2025

Vue3 + Django 全栈后台管理系统

[ 详情与用法 ]
说明 采用当前最流行的技术栈 Vben Vue Vue3 Python Django Ninja（Fast Api 和 Django的结合）开发的后端管理系统。提供前后端分离的完整解决方案。
场景1. 克隆项目：从 GitHub 克隆前后端仓库；2. 安装依赖：分别安装前端和后端依赖；3. 配置数据库：配置数据库连接；4. 启动后端：启动 Django 后端服务；5. 启动前端：启动 Vue3 前端服务；6. 访问系统：访问完整的后台管理系统。
Vue3VbenDjangoPythonFastAPI
GitHub

ailun-project

2025

个人 Vue 项目集合与实践

[ 详情与用法 ]
说明 个人项目集合，包含多个 Vue 项目的实践和探索。
场景1. 克隆项目：从 GitHub 克隆仓库；2. 查看项目：浏览不同的项目目录；3. 安装依赖：根据项目安装对应依赖；4. 运行项目：启动对应的项目；5. 学习参考：作为学习和参考的项目集合。
VueJavaScript
GitHub

知识库与学习沉淀

整理 Prompt、指南与开源书籍的知识资产，支撑团队学习与复用。

5 items

GPT-Prompt-Hub

2025

AI Prompt 公共资源库，支持大模型场景化提示词

[ 详情与用法 ]
说明 AI Prompt 提示词的公共资源库，帮助用户更好地使用大语言模型。收集整理各种场景下的 Prompt 模板和最佳实践，支持分类搜索和学习。
场景1. 克隆仓库：从 GitHub 克隆仓库；2. 浏览 Prompt：浏览不同分类的 Prompt 模板；3. 搜索查找：根据需求搜索相关的 Prompt；4. 学习参考：学习 Prompt 的编写技巧；5. 应用实践：将 Prompt 应用到实际项目中；6. 贡献分享：贡献自己的 Prompt 模板。
Prompt EngineeringDocumentation
GitHub

system-prompts-and-models-of-ai-tools

2025

20k+ 行工具提示词合集，覆盖 IDE、智能体与 RAG 应用

[ 详情与用法 ]
说明 大型工具/IDE/智能体的系统提示词与内部工具集合（Cursor、Windsurf、VSCode Agent、Lovable、Devin、Trae 等），覆盖 20k+ 行资料。提供深入了解 AI 工具内部机制的资源。
场景1. 克隆仓库：从 GitHub 克隆仓库；2. 浏览工具：浏览不同 AI 工具的系统提示词；3. 学习机制：学习 AI 工具的内部工作机制；4. 参考设计：参考系统提示词的设计思路；5. 应用实践：将设计思路应用到自己的项目中；6. 深入研究：深入研究 AI 工具的架构和实现。
PromptRAGSystem Design
GitHub

free-programming-books-zh_CN

2025

中文编程书籍索引，提升团队自学效率

[ 详情与用法 ]
说明 免费的计算机编程类中文书籍，欢迎投稿。收集整理各类编程相关的免费中文书籍资源，包括前端、后端、算法、数据库等多个领域。
场景1. 浏览书籍：访问 GitHub 仓库浏览书籍列表；2. 按分类查找：根据编程语言或主题分类查找书籍；3. 在线阅读：通过链接在线阅读或下载书籍；4. 学习参考：作为学习和参考的资源库；5. 贡献资源：提交新的免费书籍资源；6. 分享推荐：与团队分享推荐的书籍。
DocumentationBooks
GitHub Website

free-programming-books

2025

免费编程书籍资源库，多语言支持

[ 详情与用法 ]
说明 免费提供的编程书籍，涵盖多种编程语言和技术领域。提供多语言的免费编程书籍资源，适合全球开发者学习和参考。
场景1. 访问网站：访问 free-programming-books 网站；2. 选择语言：选择编程语言或技术领域；3. 浏览书籍：浏览免费的编程书籍列表；4. 在线阅读：在线阅读或下载书籍；5. 学习参考：作为学习和参考的资源库；6. 贡献资源：提交新的免费书籍资源。
DocumentationBooksResources
GitHub Website

claude-code-guide

2025

Claude Code 全面指南，整理 MCP 集成、提示工程、故障排查

[ 详情与用法 ]
说明 关于 Claude Code 的全面指南，包含使用技巧、命令集、MCP 集成、提示工程、配置方式、故障排查等内容。是学习和使用 Claude Code 的完整参考文档。
场景1. 克隆仓库：从 GitHub 克隆仓库；2. 阅读指南：按照指南顺序阅读文档；3. 学习技巧：学习 Claude Code 的使用技巧；4. 实践操作：按照指南进行实际操作；5. 解决问题：参考故障排查部分解决问题；6. 深入理解：深入理解 Claude Code 的工作原理。
ClaudeDocsGuide
GitHub

前端开发与 UI 组件

UI 库、组件、前端工具与设计系统。

5 items

ui.shadcn

2025

可复制/可自定义的 UI 组件集合平台

[ 详情与用法 ]
说明 shadcn/ui 是一个 "可复制/可自定义的 UI 组件集合 + 代码分发平台"，你可以把它当作你的组件库起点，而不是像常规那样只"安装一个包就走"。提供高质量的 React/Vue 组件，支持完全自定义和主题定制。
场景1. 访问网站：访问 ui.shadcn.com 浏览组件；2. 复制组件：复制需要的组件代码到项目中；3. 安装依赖：安装组件所需的依赖包；4. 自定义样式：根据项目需求自定义组件样式；5. 构建组件库：基于 shadcn/ui 构建自己的组件库；6. 主题定制：使用主题系统定制组件外观。
ReactVueTailwind CSSTypeScript
GitHub Website

vxe-table

2025

支持 Vue2/Vue3 的高性能表格解决方案

[ 详情与用法 ]
说明 vxe-table 支持 vue2, vue3 的表格解决方案。提供高性能、功能丰富的表格组件，支持虚拟滚动、树形表格、列固定、排序筛选等高级功能。
场景1. 安装组件：使用 npm 安装 vxe-table；2. 引入组件：在项目中引入 vxe-table 组件；3. 配置表格：配置表格列、数据源等；4. 使用功能：使用排序、筛选、分页等功能；5. 自定义样式：根据需求自定义表格样式；6. 高级功能：使用虚拟滚动、树形表格等高级功能。
Vue2Vue3TypeScript
GitHub Website

vue-toast-mobile

2016

Vue.js 移动端 Toast 提示插件

[ 详情与用法 ]
说明 A mobile toast plugin for vue.js. 适用于 Vue.js 的移动端 Toast 提示插件，提供轻量级的消息提示功能。
场景1. 安装插件：使用 npm 安装 vue-toast-mobile；2. 引入插件：在 Vue 项目中引入插件；3. 注册插件：在 Vue 实例中注册插件；4. 使用 Toast：在组件中调用 Toast 方法显示提示；5. 自定义配置：配置 Toast 的样式和行为；6. 响应式适配：适配移动端显示效果。
Vue.jsJavaScriptMobile
GitHub

uikit

2017

轻量级、模块化的前端框架

[ 详情与用法 ]
说明 A lightweight and modular front-end framework for developing fast and powerful web interfaces. 轻量级、模块化的前端框架，用于开发快速且强大的 Web 界面。
场景1. 访问官网：访问 getuikit.com 了解框架；2. 下载框架：下载 UIKit 框架文件；3. 引入样式：在项目中引入 UIKit CSS；4. 使用组件：使用框架提供的 UI 组件；5. 自定义主题：使用主题系统定制样式；6. 响应式设计：使用框架的响应式工具类。
CSSJavaScriptFramework
GitHub Website

vue2-element-touzi-admin

2020

Vue2 + Element UI 后台管理系统

[ 详情与用法 ]
说明 基于 vue2.0 + vuex + element-ui 后台管理系统。提供完整的后台管理功能，包括权限管理、数据展示、表单处理等。
场景1. 克隆项目：从 GitHub 克隆仓库；2. 安装依赖：安装项目依赖；3. 配置路由：配置系统路由和权限；4. 开发功能：基于框架开发业务功能；5. 自定义组件：使用 Element UI 组件库；6. 构建部署：构建生产版本并部署。
Vue2VuexElement UI
GitHub

开发工具与集成

开发辅助工具、集成工具与效率提升工具。

7 items

cursor-free-vip

2025

Cursor AI 机器ID重置工具，免费升级 Pro 功能

[ 详情与用法 ]
说明 [Support 0.49.x] Reset Cursor AI MachineID & Bypass Higher Token Limit. Cursor AI 自动重置机器ID，免费升级使用 Pro 功能。解决试用限制和机器ID绑定问题。
场景1. 下载工具：从 GitHub 下载工具；2. 运行工具：运行工具重置机器ID；3. 重启 Cursor：重启 Cursor 编辑器；4. 使用 Pro 功能：使用升级后的 Pro 功能；5. 注意事项：了解使用限制和注意事项；6. 技术支持：遇到问题查看文档或提交 Issue。
Node.jsAutomation
GitHub Website

GithubDesktopZhTool

2025

GitHub Desktop 汉化工具，跨平台支持

[ 详情与用法 ]
说明 Github Desktop 汉化工具，支持 Windows、Mac、Linux。提供 GitHub Desktop 的中文界面，提升中文用户的使用体验。
场景1. 下载工具：从 GitHub 下载汉化工具；2. 选择平台：根据系统选择对应的版本；3. 安装工具：安装汉化工具到系统；4. 应用汉化：运行工具应用汉化补丁；5. 重启应用：重启 GitHub Desktop 查看效果；6. 更新维护：定期更新汉化包以支持新版本。
LocalizationCross-platform
GitHub

ytDownloader

2025

跨平台视频/音频下载工具，支持多网站

[ 详情与用法 ]
说明 跨平台桌面应用程序，用于从"数百个网站"（包括 YouTube、Facebook、Instagram、TikTok、Twitter 等）下载视频和音频内容。提供简单易用的界面和批量下载功能。
场景1. 下载应用：从 GitHub 或官网下载应用；2. 安装应用：安装桌面应用程序；3. 启动应用：启动 ytDownloader；4. 输入链接：输入视频或音频链接；5. 选择格式：选择下载格式和质量；6. 开始下载：开始下载并查看进度。
ElectronDesktop AppDownload
GitHub Website

Thinking-Claude

2025

优化 Claude 思考过程的提示工程工具

[ 详情与用法 ]
说明 让 Claude（由 Anthropic 的对话模型）在回答时"先思考再输出"，使其输出更加清晰、有条理、可读、可审查。通过提示工程优化 Claude 的思考过程。
场景1. 克隆项目：从 GitHub 克隆仓库；2. 阅读文档：阅读项目文档了解使用方法；3. 应用提示：将思考提示应用到 Claude 对话中；4. 测试效果：测试优化后的输出效果；5. 自定义调整：根据需求自定义思考提示；6. 最佳实践：应用最佳实践提升输出质量。
Prompt EngineeringClaude
GitHub

inbox-zero

2025

AI 驱动的邮件管理助手，实现收件箱零

[ 详情与用法 ]
说明 开源的 AI 个人电子邮件助理应用，旨在帮助用户快速实现"收件箱零"（inbox zero），即高效管理邮箱，减少在邮件上的时间消耗，让用户专注于重要工作。支持 Gmail 和 Outlook 集成，通过 AI 自动化处理邮件。
场景1. 访问网站：访问 getinboxzero.com；2. 注册账号：注册并登录账号；3. 连接邮箱：连接 Gmail 或 Outlook 邮箱；4. 配置规则：配置 AI 邮件处理规则；5. 自动处理：AI 自动分类和处理邮件；6. 查看报告：查看邮件处理统计和报告。
AIEmailAutomation
GitHub Website

Folo

2025

跨平台 RSS 阅读器，信息聚合与时间线

[ 详情与用法 ]
说明 开源的跨平台 RSS 阅读器和信息聚合应用，旨在帮助用户将各种内容源整合到一个干净、无干扰的时间线中。支持多源订阅、标签管理和离线阅读。
场景1. 下载应用：从 folo.is 或 GitHub 下载应用；2. 安装应用：安装 RSS 阅读器应用；3. 添加订阅：添加 RSS 源和内容订阅；4. 组织内容：使用标签和分类组织内容；5. 阅读文章：在干净的时间线中阅读文章；6. 离线阅读：支持离线阅读和同步功能。
RSSCross-platformDesktop App
GitHub Website

n8n-workflows

2025

N8N 工作流模板集合，自动化最佳实践

[ 详情与用法 ]
说明 N8N 所有的工作流集合。收集整理 N8N 自动化工作流模板和最佳实践，支持各种业务场景的自动化需求。
场景1. 浏览工作流：访问 GitHub 仓库浏览工作流模板；2. 选择模板：根据业务需求选择合适的工作流；3. 导入 N8N：将工作流导入到 N8N 平台；4. 配置参数：根据业务需求配置工作流参数；5. 测试运行：测试工作流是否正常运行；6. 自定义修改：根据业务需求修改工作流逻辑。
N8NAutomationWorkflow
GitHub

早期实践与个人项目

历史项目、个人探索与早期技术实践。

3 items

Mywork

2020

个人工作项目集合与早期实践

[ 详情与用法 ]
说明 个人工作项目集合，记录早期前端开发实践和探索。
场景1. 克隆项目：从 GitHub 克隆仓库；2. 查看项目：浏览不同的项目目录；3. 学习参考：作为学习和参考的历史项目；4. 了解演进：了解前端技术的发展演进；5. 实践对比：对比早期技术与现代技术的差异。
JavaScriptHTMLCSS
GitHub

wuzhiping2015.github.io

2020

早期个人主页项目，GitHub Pages 部署

[ 详情与用法 ]
说明 创建个人主页，早期的个人网站项目。使用 GitHub Pages 部署，展示个人作品和技能。
场景1. 克隆项目：从 GitHub 克隆仓库；2. 查看页面：访问 GitHub Pages 查看页面；3. 学习参考：了解早期个人网站的实现方式；4. 对比演进：对比早期网站与现在网站的差异；5. 历史记录：作为个人技术发展的历史记录。
JavaScriptHTMLCSSGitHub Pages
GitHub

oui-vue

2016

早期 Vue 组件实践与探索

[ 详情与用法 ]
说明 早期的 Vue 组件实践项目，探索 Vue.js 组件化开发。
场景1. 克隆项目：从 GitHub 克隆仓库；2. 查看代码：查看早期 Vue 组件的实现方式；3. 学习参考：了解 Vue 组件化的发展历程；4. 对比学习：对比早期实现与现在 Vue 3 的差异；5. 历史价值：作为 Vue 技术发展的历史记录。
Vue.jsJavaScript
GitHub

时间线

技术探索与沉淀的历程

2025

AI 多代理与行业数字化全面落地

  • 贡献 spec-workflow-mcp、replicate-flux-mcp 等 MCP 服务端，完善 AI 工程流水线
  • 发布 Shuziluansheng 数字孪生与 ZhiHuiYuYe 智慧渔业平台原型
  • 构建 15+ Claude 生态工具的知识体系与自动化脚本
2024

Monorepo 与工程化规范推进

  • 迭代 vue-admin、opcode 等项目，推广前端治理与 DevOps 实践
  • 参与多款 AI IDE 工具链，沉淀自动化配置经验
2020

企业级前端脚手架与组件沉淀

  • 维护 WEBVUE、Mywork 等项目，形成组件化与可视化模式
  • 上线 wuzhiping2015.github.io 个人站点，探索内容运营
2017

早期 UI 框架实践

  • 参与 uikit、vue-toast-mobile 等项目，积累跨端 UI 组件经验

重点聚焦

代表性的工程化实践与数字化成果

规范驱动的 MCP 工作流

将 AI 协作融入需求-设计-开发全流程，沉淀可视化仪表板与审批机制。

Core Contributions

  • 梳理规范文档结构，支持任务追踪与进度可视化
  • 集成 VSCode 扩展，提高团队在 IDE 内的 AI 工作流可见性
  • 搭建审批、修订与回溯机制，保障交付质量

Metrics

需求到任务映射效率 +60%团队协作响应时间 -40%
查看项目

数字孪生数据驾驶舱

原创数字孪生仪表盘，融合 WebGL 与大屏设计，支持工业设备实时监控。

Core Contributions

  • 实现 3D 船舶/设备漫游与数据联动画面
  • 引入异步数据管线，确保海量指标秒级刷新
  • 设计可复用的可视化组件库，支撑跨行业扩展

Metrics

实时测点 1000+首屏渲染 2s模块复用率 65%
查看项目

智慧渔业多业务平台

从渔业生产到餐饮业务的一体化平台，展示实时数据与业务流程。

Core Contributions

  • 搭建 ECharts 大屏与 WebSocket 实时通信体系
  • 整合订房、点餐、巡检等多业务模块
  • 提供运维监控与预警方案，提升系统稳定性

Metrics

实时渔船监控 500+接口响应 <200ms业务模块 8 个
查看项目

开始构建下一代 AI 应用

结合 Monorepo 工程体系与 AI 协作的最佳实践。