README.zh-CN.md

AI编程工具展示

🌐 English | 中文

请注意：

• https://www.shikei.me/ 这是10k的主站，感兴趣可以看一下
• 如果你是中国大陆用户可以这么访问：--> https://ai-coding.netlify.app/ （by netlify）
• 当然你也可以这么访问 --> https://aicoding.vercel.app/

随着时间推移，在AI编程，或者称为 AI Coding方面出现了越来越多、越来越好用的产品。比如Cursor等等。为了先搞明白都是有哪些工具、扩展、或者原生编辑器、云编辑器、终端……。我们开发一个用于分类展示主流AI编程工具的现代化Web应用。

功能特点

• 🎯 精选主流AI编程工具合集
• 🌈 氛围编码（Vibe Coding）工具：创造完美编程氛围和心流状态
• 🧠 沉浸式编程环境：发现能提升编程体验的工具
• 💻 开发者体验：专注于提高编码效率和乐趣的工具
• 🔍 按使用方式分类（浏览器/编辑器/扩展/终端）
• 🏢 按公司分类浏览工具
• 🔄 按输出类型分类查看工具
• 💫 现代化的UI设计和流畅的用户体验
• 🌓 支持深色模式
• ⚡ 基于Next.js构建，性能优异

AI编程工具分类列表

编辑器类

提供智能辅助的AI驱动代码编辑器：

• Cursor - 集成Claude 3.5 Sonnet的智能编辑器（Anysphere公司）
• Windsurf - Codeium发布的产品，提供出色的编码体验
• Trae - 同时支持Mac和Windows平台（字节跳动）
• Zed - 面向未来的编辑器（暂不支持Windows）
• PearAI - 结合了Aider、Supermaven、MemO、Continue和Perplexity
• Void - Cursor的开源替代品
• Aide - 开源的AI原生IDE（CodeStory.ai）

扩展类

与现有编辑器集成的AI工具：

• Cline Roo-Cline Roo Code - 在Visual Studio Code中使用DeepSeek R1与Cline + OpenRouter
• GitHub Copilot - 集成在Visual Studio Code中（GitHub/微软）
• Continue - 与Roo Cline + DeepSeek协同工作
• Codeium - 适用于多种编辑器的Codeium扩展
• 通义灵码 - 阿里云出品
• Cody - Sourcegraph创建
• Qodo - 前身为Codium
• Tabnine - 提供代码自动完成功能（Codota）
• 百度Comate - 你的AI编码伙伴（百度）
• Amazon Q - 前身为CodeWhisperer（亚马逊）
• CodeGeeX - 由智谱AI提供支持
• 腾讯云AI代码助手 - 基于混元大模型（腾讯）
• Gemini Code Assist - 适用于任何语言的AI编码助手（谷歌）

基于浏览器的工具

具有AI功能的Web编码平台：

• v0 - 你的随时在线的编程伙伴（Vercel）
• Bolt - 通过bolt.diy或bolt.new访问（StackBlitz）
• Lovable - 你的超人全栈工程师
• Devv Builder - Bolt.new/Lovable的后端版本
• Sitebrew.ai - 几秒钟内生成并分享网站
• MarsCode - 1.0 + 云IDE（字节跳动）
• Replit - 创建美观、现代的Web应用
• Project IDX - 谷歌出品的AI辅助工作空间
• CodeGuide - AI驱动的文档生成器
• Rork - 快速构建任何移动应用
• a0 - 几分钟内完成移动应用开发（Y Combinator）
• Screenshot to Code - 从截图生成前端组件代码

终端工具

命令行界面的AI增强：

• Claude Code - Anthropic出品的代理式编码工具
• Aider - 终端中的AI能力
• Warp - AI终端
• Wave - 将上下文引入终端，停止上下文切换
• Tabby - 现代化的终端

AI软件工程师

能够开发软件的完整AI系统：

• MetaGPT - 多智能体框架，标准化SOP的AI软件工程师（深度智慧）
• Devin - 首个AI软件工程师（Cognition Labs）

Git工具

版本控制的AI辅助：

• 使用AI生成提交信息 - Visual Studio Code + Copilot

其他工具

其他AI编程工具：

• 蚂蚁CodeFuse - 让研发更简单（蚂蚁集团）

技术栈

• 框架: Next.js 15.1.4
• UI库: React 19
• 样式: TailwindCSS
• 动画: Framer Motion
• 类型检查: TypeScript
• UI组件: Radix UI

项目结构

app/
  ├── components/   # React组件
  ├── constants/    # 常量定义
  ├── data/         # 数据文件
  ├── lib/          # 工具函数
  ├── model-timing/ # 模型计时相关
  ├── globals.css   # 全局样式
  ├── layout.tsx    # 布局组件
  ├── page.tsx      # 主页面组件
  └── favicon.ico   # 网站图标

快速开始

环境要求

• Node.js 18.0.0 或更高版本
• pnpm 8.0.0 或更高版本

安装

# 克隆项目
git clone https://github.com/yayxs/ai-coding.git

# 进入项目目录
cd ai-coding

# 安装依赖
pnpm install

开发

# 启动开发服务器
pnpm dev

访问 http://localhost:3000 查看应用。

构建

# 构建生产版本
pnpm build

# 启动生产服务器
pnpm start

贡献

欢迎提交 Issue 和 Pull Request！英文贡献指南请参考README.md。

许可证

MIT
开源项目遵循MIT协议。