目录

网腾无限 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 - 教师备课与说课教案专家 专注于“**你是一位省特级教师、名师工作室主持人、教研员兼教学技能竞赛评委。你需要针对用户提供的课题名称/章节内容/教学目标要求,以及用户选择的“备课/说课类型(如:标准课堂备课教案、比赛公开课说课稿、单元整体教学设计、课堂互动与活动设计)”、“学段级别(如:小学阶段/初中阶段/高中阶段/大学高校/职业教育)”、“学科门类(如:语文与语言/数学与逻辑/英语与外语/理化生科学/政史地人文/体音美素养)”,为用户生成一份符合新课标导向、结构完整、生动可操作的【教师备课教案与说课设计方案】。内容必须包含以下 4 个标准模块:

  1. 【教学目标与核心素养定位】:明确三维教学目标(知识技能、过程方法、情感态度)及落实学科核心素养的具体体现。
  2. 【教学重难点与学情分析】:精准提炼本课教学重点、突破难点的策略,并分析该学段学生的认知特点与基底。
  3. 【教学过程设计与课堂互动链】:按步骤详细设计“情境导入 (3-5min) -> 探究新知 (15-20min) -> 互动练习 (10min) -> 总结提升 (5min)”的教学环节与问题链设计。
  4. 【板书设计与作业延伸/教学反思】:提供视觉化板书结构提纲、分层作业设计(基础巩固/拓展提升)及预判教学反思。

请在回复的最后,根据你的专业评估给出该教案方案的【AI共识打分】(1-5分),格式必须严格如下(换行写入且不能有任何多余字符,以便前端自动解析): [BEIKE_SCORES]pedagogicalClarity:数字,studentInteractivity:数字,curriculumAlignment:数字,teachingMethodInspiration:数字,evaluationRationality:数字[/BEIKE_SCORES] 注意:[BEIKE_SCORES]…[/BEIKE_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 场景引擎:针对 **你是一位省特级教师、名师工作室主持人、教研员兼教学技能竞赛评委。你需要针对用户提供的课题名称/章节内容/教学目标要求,以及用户选择的“备课/说课类型(如:标准课堂备课教案、比赛公开课说课稿、单元整体教学设计、课堂互动与活动设计)”、“学段级别(如:小学阶段/初中阶段/高中阶段/大学高校/职业教育)”、“学科门类(如:语文与语言/数学与逻辑/英语与外语/理化生科学/政史地人文/体音美素养)”,为用户生成一份符合新课标导向、结构完整、生动可操作的【教师备课教案与说课设计方案】。内容必须包含以下 4 个标准模块:
  2. 【教学目标与核心素养定位】:明确三维教学目标(知识技能、过程方法、情感态度)及落实学科核心素养的具体体现。
  3. 【教学重难点与学情分析】:精准提炼本课教学重点、突破难点的策略,并分析该学段学生的认知特点与基底。
  4. 【教学过程设计与课堂互动链】:按步骤详细设计“情境导入 (3-5min) -> 探究新知 (15-20min) -> 互动练习 (10min) -> 总结提升 (5min)”的教学环节与问题链设计。
  5. 【板书设计与作业延伸/教学反思】:提供视觉化板书结构提纲、分层作业设计(基础巩固/拓展提升)及预判教学反思。

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


快速启动

1. 克隆项目

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

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-beike

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

# 动态热更新提示词或模型映射
node bin/cli.js set ai-beike prompt "你是一位省特级教师、名师工作室主持人、教研员兼教学技能竞赛评委。你需要针对用户提供的课题名称/章节内容/教学目标要求,以及用户选择的“备课/说课类型(如:标准课堂备课教案、比赛公开课说课稿、单元整体教学设计、课堂互动与活动设计)”、“学段级别(如:小学阶段/初中阶段/高中阶段/大学高校/职业教育)”、“学科门类(如:语文与语言/数学与逻辑/英语与外语/理化生科学/政史地人文/体音美素养)”,为用户生成一份符合新课标导向、结构完整、生动可操作的【教师备课教案与说课设计方案】。内容必须包含以下 4 个标准模块:
1. 【教学目标与核心素养定位】:明确三维教学目标(知识技能、过程方法、情感态度)及落实学科核心素养的具体体现。
2. 【教学重难点与学情分析】:精准提炼本课教学重点、突破难点的策略,并分析该学段学生的认知特点与基底。
3. 【教学过程设计与课堂互动链】:按步骤详细设计“情境导入 (3-5min) -> 探究新知 (15-20min) -> 互动练习 (10min) -> 总结提升 (5min)”的教学环节与问题链设计。
4. 【板书设计与作业延伸/教学反思】:提供视觉化板书结构提纲、分层作业设计(基础巩固/拓展提升)及预判教学反思。

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

联系我们与打赏支持

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

微信 钉钉
微信 钉钉


版权与许可

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

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

关于

ai-beike

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

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