CodeTutor · 上海智酷数能科技有限公司 · 出品
01 / 15

CodeTutor
把教程变成练习

CodeTutor：让 AI 导师把教程拆成今天能完成的任务，陪你从"看过"走向"做成"
AI 编程学习教练 · MVP内测中 · 欢迎试用
沪ICP备2026015857号-1 · 2026
WHY THIS PROJECT · 项目缘起
02 / 15

编程自学真正难的
不是资料少

• 痛点 01

无从下手

教程很多，但不知道从哪开始。学完一节课，不知道下一步练什么。

01
• 痛点 02

孤立无援

遇到报错只能到处搜索I，没人在身边及时给予解答。学习过程没有反馈。

02
• 痛点 03

容易中断

没人带着走，学着学着就放弃了。很多人不是学不会，而是缺陪伴。

03
WHAT IS CODETUTOR · 作品定义
03 / 15

CodeTutor 是一个
什么样的作品？

— 01 / CORE

AI 学习
规划师

理解用户目标，生成阶段化学习路线，拆成每日可执行任务。

— 02 / CORE

编程
陪练

文字、图片、语音多模态交互，像真实导师一样陪伴学习。

— 03 / CORE

学习进度
系统

积分、成就、签到、历史记录，追踪每一步成长。

— 04 / CORE

订阅付费
闭环

微信/支付宝支付，完整商业闭环，不只是 Demo。

USER JOURNEY · 用户体验流程
04 / 15

用户打开后，
会经历什么？

STEP 01
登录账号
进入自己的学习空间，推进学习进度
STEP 02
选择目标
告诉 AI 想学什么、自己是处在什么水平？
STEP 03
生成计划
把大目标拆成一步步可实操的练习，一步步跟着学
STEP 04
进入任务
只看当下需要完成的一步，完成一步才可进入下一步
STEP 05
AI 对话
卡住时直接问导师，发现新名词即时问导师
STEP 06
上传截图
把报错和代码交给 AI 看，AI给你解释帮你纠正
STEP 07
获得成就
完成任务，所有学习记录可查，成长看得见
PRODUCT UI · 用户端核心界面
05 / 15

来看看实际产品
长什么样？

CodeTutor 首页截图
首页 / AI 导师对话HOME
CodeTutor 学习方式截图
学习方式HOW
CodeTutor 工具支持截图
工具支持TOOLS
CodeTutor 学习任务截图
学习任务LEARN
CodeTutor 学习地图截图
学习地图MAP
CodeTutor 学习历史截图
学习历史HISTORY
CodeTutor 成就页面截图
成就系统ACHIEVEMENTS
CodeTutor 权益页面截图
会员权益BENEFITS
CodeTutor 价格页面截图
套餐价格PRICES
CodeTutor 订单页面截图
订单管理ORDERS
CodeTutor 登录页面截图
账号登录SIGN IN
CodeTutor 行动召唤截图
行动召唤CTA
AI LEARNING CHAT · 智能对话
06 / 15

AI 学习对话
怎么进行？

AI 导师对话 LEARN · TODAY
我
教程转实践 GOAL
我看了一个用 Cursor 做博客后台的教程，但自己一动手就卡住，不知道第一步该做什么。
AI
拆解今日目标 15 MIN
先别做完整后台。你今天只做一件事：在本地跑起一个最小页面，并让 Cursor 补一个 /api/hello 路由。
陪练建议已生成
任
今日任务 TASK
安装工具、打开项目、发起第一次 AI 对话。完成后自动解锁下一步。
我
上传上下文 IMAGE
我把报错截图发上来了，路由跑起来了，但不知道怎么继续接数据库。
AI
保护节奏 NEXT
先不要上数据库。下一步把返回值提取到 mock adapter，先练清楚前后端边界。
下一步会直接进入待办
我
教程转实践 GOAL
我看了一个用 Cursor 做博客后台的教程，但自己一动手就卡住，不知道第一步该做什么。
AI
拆解今日目标 15 MIN
先别做完整后台。你今天只做一件事：在本地跑起一个最小页面，并让 Cursor 补一个 /api/hello 路由。
陪练建议已生成
任
今日任务 TASK
安装工具、打开项目、发起第一次 AI 对话。完成后自动解锁下一步。
我
上传上下文 IMAGE
我把报错截图发上来了，路由跑起来了，但不知道怎么继续接数据库。
AI
保护节奏 NEXT
先不要上数据库。下一步把返回值提取到 mock adapter，先练清楚前后端边界。
下一步会直接进入待办
REAL SCENARIO
从"我卡住了"
到"下一步做什么"

学习对话不只回答知识点，而是把用户输入转成可执行任务，控制范围，持续反馈。

文字提问

说清目标和卡点。

截图上传

报错和代码作为上下文。

语音输入

降低提问门槛。

历史沉淀

进度不断线。

HIGHLIGHT 01 · 核心亮点
07 / 15

不是给答案
而是给练习

01

设定学习目标

用户选择想学的方向与水平

02

AI 生成阶段路线

拆成多个阶段，每阶段可执行任务

03

逐任务推进学习

完成任务获得积分，持续推进

04

回到历史继续

中断后随时回来，进度不丢失

PLAN生成路径
TASK每日任务
CHATAI 陪练
GROWTH成就反馈
LEARNING LOOP
HIGHLIGHT 02 · 核心亮点
08 / 15

像真实导师
一样交流

CORE CAPABILITY
文字
图片
语音
学编程最常见的"我卡住了"，
可以直接截图、说话、问 AI。
01

文字提问

像聊天一样打字提问，AI 即时给出解答与引导

02

图片上传

报错截图、代码截图直接上传，AI 看图解答

03

语音交互

说话自动转文字提问，AI 回复支持语音播放

HIGHLIGHT 03 · 核心亮点
09 / 15

不是 Demo
是完整产品雏形

CodeTutor 运营后台页面，展示后台管理能力
50
免费 AI 对话轮次
FREE PLAN
¥19.90
基础版月订阅
SUBSCRIPTION
8+
AI 编程工具路径
TOOLS
15
分钟起首日任务
FIRST TASK
用户端

目标、路径、任务、成就、历史

AI 引擎

对话、截图、语音、模型配置

运营后台

反馈工单、通知系统、订单管理

支付权益

免费版、基础版、专业版权益

学习系统

规划 + 陪练 + 追踪

运营系统

后台 + 通知 + 工单

AI 系统

模型 + 对话 + 语音

商业系统

支付 + 订阅 + 订单

VIBE CODING · 工具与工作流
10 / 15

我用什么 AI
做的这个产品？

PHASE 01
需求梳理
用 AI 梳理产品需求和页面结构，拆成用户端、AI 学习、后台、支付四大模块。
Claude Code / Cursor
PHASE 02
AI 辅助编码
AI 生成代码、排查 Bug、补充接口。每完成一个模块就做本地验证，不断迭代。
AI Pair Programming
PHASE 03
快速验证
想法 → 需求拆解 → AI 生成 → 本地验证 → 迭代。产品经理+工程师模式快速试错。
Build → Test → Iterate
LESSONS LEARNED · 踩坑与收获
11 / 15

踩过的坑
& 给新手的建议

PITFALLS · 踩坑清单

AI 生成的代码不能直接用

需要理解逻辑+本地验证，不能盲目信任

复杂逻辑要拆成小模块

一次性描述太多，AI 容易出错或遗漏

依赖版本与上下文溢出

注意包版本兼容，长对话要适时重置上下文

ADVICE · 新手建议

从小而明确的任务开始

不要一次描述整个系统，逐个功能迭代

写好 Prompt 比写代码更重要

清晰的需求描述决定 AI 输出质量

把 AI 当搭档，不是替代品

最好用真实项目驱动 AI 协作，边做边学

最好的学习方式，就是用一个真实项目去驱动 AI 协作。
12 / 15
CLOSING

让普通人学编程
不再孤独

这次 Vibe Coding，我做的不只是一个编程学习网站，而是一个能陪用户持续成长的 AI 导师。
CodeTutor · AI 编程陪练导师
2026.05
TAKEAWAYS
03 POINTS
01

让学习路径更清晰

从"我想学 Python"到"今天该完成哪个任务"，AI 规划师一步步带着走。

02

让 AI 成为学习伙伴

不只是回答问题，而是参与整个学习过程的陪伴者。

03

用 Vibe Coding 快速落地

AI 让一个人也能把学习、运营、支付串成完整 MVP。

→ 欢迎体验 · www.codetutor.cn #AI新星计划
CALL TO ACTION · 开始学习
13 / 15

从第一个可完成的
AI 编程任务 开始

今天就把第一条学习路径跑起来。不再只是收藏教程，让 CodeTutor 陪你真正学会 AI 编程工具。
每天只需要15分钟，选择工具、确认水平，然后直接进入第一课。

免费开始第一课 查看学习方式
免费试用，含50轮AI对话
已支持 8+ 款主流 AI 编程工具
每天15分钟，学习效果看得见
点击按钮跳转至 codetutor.cn 开始学习
ABOUT US · 关于我们
14 / 15

关于
CodeTutor

我们的使命

让普通人学编程不再孤独。通过 AI 技术将复杂的编程学习拆解为可执行的每日任务，让每个人都能在 AI 的陪伴下持续进步。

我们的愿景

成为最受信赖的 AI 编程学习平台，让"会用 AI 编程"成为每个人的基本技能。从工具操作到项目实战，CodeTutor 陪伴每一步成长。

产品理念

不是给答案，而是给路径。不只看教程，更要动手练。AI 不只是回答问题，而是参与整个学习过程的陪伴者。

COMPANY INFO
公司名称

上海智酷数能科技有限公司

官方网站

https://www.codetutor.cn

备案信息

沪ICP备2026015857号-1

产品状态

MVP 内测中，欢迎试用反馈

CONTACT · 联系方式
15 / 15

想了解更多
欢迎联系我们

客服微信

产品/合作/试用咨询

186****5902 点击复制
微信二维码

微信扫码添加

官方抖音

动态/案例/教程分享

81****82 点击复制
抖音二维码

抖音扫码关注

公司名称

上海智酷数能科技有限公司

联系地址

上海市崇明区长兴镇潘园公路1800号

联系邮箱
server@zicool.cn