目录

网腾无限 AI - 网腾无限AI - 编程开发与代码重构专家

[基于 Vue 3 + Vite + Vanilla CSS 构建的 网腾无限AI - 编程开发与代码重构专家 智能实战微应用,具备深色玻璃拟态自适应交互与微信端 H5 体验]

[Vue 3] · [TypeScript] · [Vite] · [Vanilla CSS] · [开源协议 MIT]

GitHub stars GitHub license Online Demo

在线演示 · 快速启动 · 核心特性 · 脚手架集成 · 支持一下


团队与产品简介

团队成员均来自 C9 等顶尖学府,由字节、腾讯、阿里的资深工程师组成,全职创业研发开源 AI 微应用矩阵产品,旨在让所有人都能零门槛感受 AIGC 的生产力魅力。

网腾无限AI - 编程开发与代码重构专家 专注于“**你是一位高级全栈架构师、代码重构专家兼全栈技术导师。你需要针对用户提供的功能需求/代码片段/Bug堆栈信息,以及用户选择的“开发场景(如:全栈代码实现与重构、Bug排查与堆栈诊断、算法设计与复杂度优化、API接口与架构设计)”、“技术栈语言(如:TypeScript/Vue/React、Python/Django/FastAPI、Java/Spring Boot、Go/Microservices、C++/Rust/C#)”、“代码规范度(如:大厂企业级规范、轻量开箱即用、极简极致性能)”,为用户生成一份工程化严谨、具备生产环境可用性的【编程开发与代码重构指导方案】。内容必须包含以下 4 个标准模块:

  1. 【问题诊断与架构设计思路】:剖析功能设计的底层架构逻辑、设计模式选型或 Bug 的根因分析。
  2. 【完整高质量代码实现】:提供带完备 TypeScript/JSDoc 类型定义、错误处理机制与防崩退路的生产级代码实现。
  3. 【算法复杂度分析与优化要点】:分析代码的时间复杂度 O(N) 与空间复杂度,给出高并发/大数据量下的性能调优提示。
  4. 【单元测试用例与边界防坑指南】:提供关键边缘条件的 Jest/PyTest 单测用例及常见内存泄漏/空指针避坑提醒。

请在回复的最后,根据你的专业评估给出该代码方案的【AI共识打分】(1-5分),格式必须严格如下(换行写入且不能有任何多余字符,以便前端自动解析): [BIANCHENG_SCORES]codeRobustness:数字,execEfficiency:数字,architectureMaintainability:数字,testCoverage:数字,securityNorm:数字[/BIANCHENG_SCORES] 注意:[BIANCHENG_SCORES]…[/BIANCHENG_SCORES] 必须是回复的最后一小行,里面的“数字”只能是1到5之间的正整数。**”。我们剔除了冗余概念,不搞虚假宣传,只提供极致优雅、即调即用的高完成度微应用前端与边缘网关接口。

我们不搞概念,不卖课,只写能跑起来的代码。

欢迎 Star、Fork、提 Issue,一起让这个开源 AI 工具生态变得更好用。


核心特性

  • 极简自适应交互:采用极具现代感与科幻氛围的深色玻璃拟态 (Glassmorphic Dark UI) 设计,全量兼容移动端微信 H5 与 PC 响应式体验。
  • 纯静态零成本部署:架构保持 100% 静态化,无额外 Server 依赖,支持一键托管至 Cloudflare Pages、Vercel、GitHub Pages 或 CDN/OSS 静态存储。
  • 安全代理与双模型网关:内置安全开发代理中转层,支持无缝接入 DeepSeek-V3/R1 文本大模型及通义千问/通义万相多模态生图 API。
  • 多维度评分与案例展示:集成 AI 共识多指标看板、动态用户活跃跑马灯 ticker、精彩场景 Preset 案例以及生成卡片截图分享功能。
  • 支付打赏与通道联系:内置微信支付与支付宝赞赏二维码组件,支持灵活的裂变锁屏与额度留存管理。

核心功能与使用场景

  1. 智能 Prompt 场景引擎:针对 **你是一位高级全栈架构师、代码重构专家兼全栈技术导师。你需要针对用户提供的功能需求/代码片段/Bug堆栈信息,以及用户选择的“开发场景(如:全栈代码实现与重构、Bug排查与堆栈诊断、算法设计与复杂度优化、API接口与架构设计)”、“技术栈语言(如:TypeScript/Vue/React、Python/Django/FastAPI、Java/Spring Boot、Go/Microservices、C++/Rust/C#)”、“代码规范度(如:大厂企业级规范、轻量开箱即用、极简极致性能)”,为用户生成一份工程化严谨、具备生产环境可用性的【编程开发与代码重构指导方案】。内容必须包含以下 4 个标准模块:
  2. 【问题诊断与架构设计思路】:剖析功能设计的底层架构逻辑、设计模式选型或 Bug 的根因分析。
  3. 【完整高质量代码实现】:提供带完备 TypeScript/JSDoc 类型定义、错误处理机制与防崩退路的生产级代码实现。
  4. 【算法复杂度分析与优化要点】:分析代码的时间复杂度 O(N) 与空间复杂度,给出高并发/大数据量下的性能调优提示。
  5. 【单元测试用例与边界防坑指南】:提供关键边缘条件的 Jest/PyTest 单测用例及常见内存泄漏/空指针避坑提醒。

请在回复的最后,根据你的专业评估给出该代码方案的【AI共识打分】(1-5分),格式必须严格如下(换行写入且不能有任何多余字符,以便前端自动解析): [BIANCHENG_SCORES]codeRobustness:数字,execEfficiency:数字,architectureMaintainability:数字,testCoverage:数字,securityNorm:数字[/BIANCHENG_SCORES] 注意:[BIANCHENG_SCORES]…[/BIANCHENG_SCORES] 必须是回复的最后一小行,里面的“数字”只能是1到5之间的正整数。** 领域进行了深度提示词工程优化与共识打分约束。 2. 多风格预设切换:提供专业干练、高情商说辞、幽默风趣、严谨学术(或写真照片、卡通动漫等多模态)风格的一键切换。 3. 一键复制与卡片分享:支持生成内容的快速复制,以及渲染结果的截图分享导出。 4. 统一 SSO 额度管理:接入 wuxian.xyz 共享登录凭证,支持每日免费额度计数与登录解锁。


快速启动

1. 克隆项目

git clone https://github.com/WT-Agent/ai-biancheng.git
cd ai-biancheng

2. 安装依赖

项目推荐使用 pnpm 作为包管理器:

pnpm install

3. 配置环境变量

复制并配置本地开发环境变量:

cp .env.example .env

在 .env 中填入您的 API Key:

  • DEEPSEEK_API_KEY: 您的 DeepSeek 开发者 API Key(用于文本类微应用)
  • DASHSCOPE_API_KEY: 阿里 DashScope API Key(用于多模态生图微应用)

4. 启动本地开发

pnpm dev

启动后在浏览器打开控制台提示的本地开发地址即可进行调试。


脚手架集成说明

本微应用由私有总控仓库 ai.wuxian.xyz 中的运维脚手架统一管理,支持通过 CLI 进行批量更新与配置维护:

# 自动化发版与发布
node bin/cli.js publish ai-biancheng

# 查看当前微应用配置
node bin/cli.js get ai-biancheng

# 动态热更新提示词或模型映射
node bin/cli.js set ai-biancheng prompt "你是一位高级全栈架构师、代码重构专家兼全栈技术导师。你需要针对用户提供的功能需求/代码片段/Bug堆栈信息,以及用户选择的“开发场景(如:全栈代码实现与重构、Bug排查与堆栈诊断、算法设计与复杂度优化、API接口与架构设计)”、“技术栈语言(如:TypeScript/Vue/React、Python/Django/FastAPI、Java/Spring Boot、Go/Microservices、C++/Rust/C#)”、“代码规范度(如:大厂企业级规范、轻量开箱即用、极简极致性能)”,为用户生成一份工程化严谨、具备生产环境可用性的【编程开发与代码重构指导方案】。内容必须包含以下 4 个标准模块:
1. 【问题诊断与架构设计思路】:剖析功能设计的底层架构逻辑、设计模式选型或 Bug 的根因分析。
2. 【完整高质量代码实现】:提供带完备 TypeScript/JSDoc 类型定义、错误处理机制与防崩退路的生产级代码实现。
3. 【算法复杂度分析与优化要点】:分析代码的时间复杂度 O(N) 与空间复杂度,给出高并发/大数据量下的性能调优提示。
4. 【单元测试用例与边界防坑指南】:提供关键边缘条件的 Jest/PyTest 单测用例及常见内存泄漏/空指针避坑提醒。

请在回复的最后,根据你的专业评估给出该代码方案的【AI共识打分】(1-5分),格式必须严格如下(换行写入且不能有任何多余字符,以便前端自动解析):
[BIANCHENG_SCORES]codeRobustness:数字,execEfficiency:数字,architectureMaintainability:数字,testCoverage:数字,securityNorm:数字[/BIANCHENG_SCORES]
注意:[BIANCHENG_SCORES]...[/BIANCHENG_SCORES] 必须是回复的最后一小行,里面的“数字”只能是1到5之间的正整数。"
node bin/cli.js set ai-biancheng model deepseek-chat

联系我们与打赏支持

如果本项目对您的工作或学习有所帮助,欢迎扫码请团队喝杯咖啡,支持我们的开源维护!

微信 钉钉
微信 钉钉


版权与许可

本项目基于 MIT License 开源协议。

Copyright (c) 2026 WangTeng.Tech. All rights reserved.

关于

ai-biancheng

553.0 KB
邀请码
    Gitlink(确实开源)
  • 加入我们
  • 官网邮箱:gitlink@ccf.org.cn
  • QQ群
  • QQ群
  • 公众号
  • 公众号

版权所有:中国计算机学会技术支持:开源发展技术委员会
京ICP备13000930号-9 京公网安备 11010802047560号