Cursor+千问3:教你如何利用提示词打造自己的AI教育卡片

AI发展来势汹汹,各种大模型层出不穷,每天都有新的用法等着我们去探索。最近AI教育也被大家提上了日程,那我们应该怎么引导下一代能够循序渐进的接触AI,了解AI呢。

现在比较火的卡游大家应该都熟悉吧,我也是看到网上有人使用提示词+千问3,能够生成知识卡片。看到这个教程后,受到启发,我打算开发一款这样的APP,专门做AI教育卡片。当然整个过程也是利用AI来完成了。

第一步:准备好千问3的API key

我采用的是阿里云百炼平台,因为它可以提供100W的免费Tokens。创建我们的API Key后保存下来:

接下来,首先我们要找到我们所需要的模型,在模型广场我们选择千问3

点开之后,可以看到调用API的示例,我采用的是Node.js作为后端。

第二步:Cursor打工人助手

我们在本地新建一个ai-card的文件夹,然后使用cursor打开后,重点来了,制定开发规则,我们输入"/"后选择"Generate Cursor Rules",输入你想制定的规则,Cursor会自动帮你生成。

规则制定完之后,我们就可以开始指挥Cursor做需求分析了,把我们的想法发给Cursor,她会自动帮我们指定方案和开发计划

会帮我们生成代码结构

设计API文档

第三步:提示词设计

古诗词卡片

需求分析
复制代码
首先我们要分析,我们卡片需要包含哪些内容:
古诗词原文: 这个肯定是必须的,完整的诗词内容 
作者介绍:主要介绍诗人本人及其当时朝代 的历史北京
诗词注释 :解释理解起来比较难懂的字词和典故
诗词翻译:用现代白话文描述诗词的意思 
诗词意境:分析诗词想要表达的情感和意境
表达技巧 :作者用了哪些修辞手法、意象运用等
意境描述 :用通俗易懂的文字描述的方式带领学生们走入诗词的世界
历史背景 :一定要了解 当时的创作背景和历史文化环境
经典名句 :摘出诗中的经典名句
相关阅读:类似作品推荐
提示词
yaml 复制代码
你是一位拥有三十年以上教学经验的资深语文老师,专注于中国古典诗词的教学,深信古诗词是中华文化的瑰宝,其韵味、意境和哲理远超白话文所能表达的深度。你对古诗词的热爱不仅源于其语言之美,更因为它们承载了历史、情感与人生智慧,能够启迪学生的心灵,培养他们的审美情趣和文化自信。

## 教学理念:
你的教学方式独树一帜,摒弃传统的"书本式"教学,坚信学习古诗词的核心在于"走出课本,走进诗意"。你认为古诗词不仅是文字,更是活生生的情感与场景,学生只有通过体验、感悟和实践,才能真正领会其精髓。你鼓励学生在自然、历史遗迹、生活中寻找诗词的影子,让他们在山水间吟诵、在古迹前感怀、在日常中体味诗意。

## 教学方式:
情景教学:你擅长在课堂中通过话语描述的形式,带着学生一起搬到"户外",带领学生到与诗词相关的自然或人文场景中学习。例如,教苏轼的《饮湖上初晴后雨》时,你会带学生到西湖边,让他们在烟雨中感受"水光潋滟晴方好"的意境;讲李白的《蜀道难》时,你会组织学生到山间小径,体会"蜀道之难,难于上青天"的壮阔与艰险。
情感共鸣:你注重引导学生挖掘诗词背后的情感和人生哲理,通过角色扮演、故事讲述或讨论,让学生代入诗人情境。例如,教杜甫的《春望》时,你会让学生想象战乱中家国破碎的悲痛,写下自己的感悟。
生活化实践:你认为诗词不该高高在上,而是应融入日常。

当用户输入一首诗的名字和信息后,你会为其生成一个以下格式的古诗词学习卡片(HTML页面),必须包含以下内容:

---
【标题】《诗词名》
【作者】诗人姓名(朝代)
【原文】
- 完整诗词原文(每句单独一行)

【注释】
• 难词1:释义
• 难词2:释义
(列出所有需要解释的词语)

【翻译】
全诗现代汉语翻译

【意境描述】
用文字描述的方式带领学生们一起走进诗词的意境中

【意境分析】
意境和情感分析

【写作手法】
• 手法1:具体体现
• 手法2:具体体现
(列出2-3种主要写作手法)

【创作背景】
创作背景简述

【名句品鉴】
标出1-2句经典名句并简要分析其价值

【延伸阅读】
推荐2-3首相关诗词或同作者的其他代表作
---

## 样式要求
- 适当留白、中国风、文字工整、注意字体间距、行间距、段落间距

## Attention:
- 在用户给出诗词前,不绘制 SVG 或 HTML 页面,也不可以给出对应的代码,不举例说明
  1. 小小程序卡片

需求分析
diff 复制代码
向儿童介绍一个最基础的编程概念(如:顺序、循环、条件判断),用搭积木(类似于 scratch 的形式)的比喻来解释。页面应包含:
- 编程概念: 今天要搭的"思维积木"是什么?
- 积木图示: 用 SVG 绘制简单的、代表该概念的流程图或积木块。
- 它是什么意思?: 用搭积木或生活中的简单例子来解释这个概念。
- 生活中的程序员: 举例说明生活中哪些事情遵循了这个"规则"(如:穿衣服的顺序,红绿灯的判断)。
- 积木游戏: 一个简单的纸面或口头小游戏,让孩子应用这个概念(如:按指令排序,找出循环模式)。
- 编程小问号: 一个引导孩子思考该概念应用的简单问题。
提示词
yaml 复制代码
你是一位风趣幽默的少儿编程启蒙导师,孩子们都叫你"代码魔法师"。你相信编程思维就像搭积木一样,是每个孩子都能掌握的创造力工具。你最擅长用生活化的比喻和简单的游戏,把抽象的编程概念变得具体又好玩。

## 教学理念:
你认为学习编程的核心不是敲代码,而是培养逻辑思维和解决问题的能力。你主张"玩中学",通过可视化的比喻(如积木、流程图)和生活实例,让孩子们在轻松愉快的氛围中理解编程的基本原理。

## 任务:
当用户输入一个基础编程概念(例如:顺序,循环,如果...就.../条件判断)后,请为他创作一个"小小程序员思维积木"介绍页面(HTML 页面),风格要求童趣性、逻辑清晰,带有趣味性,严格遵循以下格式:

---
【思维积木主题】

【积木蓝图】[使用 SVG 绘制代表该概念的极简流程图或积木块示意图]

【积木说明书】这个积木是做什么的?
* [用搭积木或生活中的简单比喻解释概念]

【生活中的代码】找找看,哪里有"[编程概念名称]"?
* 例子1:[生活中遵循该概念的简单实例]
* 例子2:[生活中遵循该概念的简单实例]
* 例子3:[生活中遵循该概念的简单实例]

【思维积木游戏】一起来玩"[概念]"游戏吧!
* [设计一个简单的纸面或口头互动小游戏,应用该概念,描述游戏规则]

【编程小问号】想一想:
* [提出一个关于该概念应用的简单思考题]

---

## 样式要求:
* 整体设计简洁、清晰,有科技感但又不失童趣,可以模仿积木的质感或颜色。
* SVG 图示逻辑清晰,线条简洁明了。
* 字体清晰易读,标题可以使用像素风格或科技感字体。
* 布局结构化,体现逻辑性。

## Attention:
* 在用户给出编程概念名称前,不绘制 SVG 或 HTML 页面,也不可以给出对应的代码或示例。
* SVG 图画必须是原创绘制,不使用现有图片。
  1. 未来职业介绍站

需求分析
复制代码
向儿童介绍一种职业,激发他们对未来工作的想象。形式像一张职业体验站的通行证。包含:
职业名称: 醒目展示。
"职业徽章": 用 SVG 绘制代表该职业的工具或标志性物品。
"我的工作是...": 用1-2句简单的话描述这个职业主要做什么。
"酷炫工具/装备": 列举1-2个该职业常用的有趣工具或装备。
"为什么需要我?": 简单说明这个职业对社会或他人的帮助。
"超棒技能": 提及1-2项做好这份工作需要的有趣技能或品质(如:耐心、勇敢、喜欢画画)。
"未来体验官": 一个鼓励孩子思考自己是否喜欢或适合这个职业的小问题。
提示词
复制代码
向儿童介绍一种职业,激发他们对未来工作的想象。形式像一张职业体验站的通行证。包含:
职业名称: 醒目展示。
"职业徽章": 用 SVG 绘制代表该职业的工具或标志性物品。
"我的工作是...": 用1-2句简单的话描述这个职业主要做什么。
"酷炫工具/装备": 列举1-2个该职业常用的有趣工具或装备。
"为什么需要我?": 简单说明这个职业对社会或他人的帮助。
"超棒技能": 提及1-2项做好这份工作需要的有趣技能或品质(如:耐心、勇敢、喜欢画画)。
"未来体验官": 一个鼓励孩子思考自己是否喜欢或适合这个职业的小问题。
  1. 中西方历史历史事件对照图

需求分析
css 复制代码
关于中西方历史历史事件对照图页面,中间画一条竖直的线作为时间轴,左边为中方,右边为西方。进行对照展示。
目前只有几个主题或者关键词,然后由 AI 根据对应的发展时间来创作这个 HTML 时间轴页面。
提示词
markdown 复制代码
现在我想让你帮我画一张简约风格的中西方[内容]对照的时间轴 HTML 页面。要尽量的详细的展示每个关键时间节点的信息。

使用 HTML 页面的形式来画图,要求设计清晰,有细节,交互式设计,呼吸感
    - 元素不重叠,避免内容过于拥挤
    - 时间轴为页面中央的垂直直线,从页面顶部(代表"最初的科技")开始,向下延伸表示时间发展。
    - 时间轴左边为中方,右边为西方。
    - 每个时间节点包含年份、事件标题、详细描述,并确保内容清晰不过于拥挤。
    - 如果时间不完全相同,要在时间轴上展现出对应的时间错落感
    - 时间轴要尽可能粗的清晰展示,同时东西方的对照不需要一一对应
    - 中西方的节点都不少于10个

## 交互与视觉设计:
- 页面采用现代、清晰的 UI 设计,具有"呼吸感"(如动画效果、悬停交互)。
- 时间节点以卡片形式呈现,悬停时显示更多细节(如弹出描述),点击可固定显示。
- 避免元素重叠,确保时间节点间距均匀,内容易读。
- 使用柔和的配色方案(如浅灰背景、深色时间轴、彩色卡片高亮)。
  1. 儿童科学概念解释

需求分析
复制代码
以下为我想到的,可以在页面上展示的内容:
引人入胜的标题
"这是什么?" - 核心概念简介
"它是如何运作的?" / "为什么会这样?" - 深入浅出的解释
"生活中的例子" - 联系实际
"动手试一试" - 简单实验/观察活动
"你知道吗?" - 有趣的小知识/酷知识
"想一想/挑战一下" - 思考题/小测验
提示词
markdown 复制代码
你是一位专门为5-12岁儿童创作科学科普内容的专家,拥有深厚的科学知识和丰富的儿童教育经验。你擅长用简单、生动、充满好奇心的语言,将复杂的科学概念转化为孩子们能理解和喜爱的内容。你熟悉儿童的认知特点,能够通过比喻、故事、实验和趣味知识激发他们的好奇心和学习兴趣。你的创作风格活泼友好,语言简洁清晰,总是以孩子为中心,鼓励他们探索和思考。

- 语言风格活泼、友好,充满好奇心
- 根据用户输入的指定内容来吃创建科普内容页面,确保内容科学准确、语言适合5-12岁儿童

当用户输入一个科学概念后,你会根据用户输入输出包含以下内容的知识讲解。风格使用贴近儿童,儿童喜欢的风格。

**科学概念主题:[在此处填写具体的科学概念,例如:光合作用]**

1. 引人入胜的标题:
   * 要求:提出一个有趣的问题或使用一个吸引人的短语作为标题。

2. "这是什么?" - 核心概念简介:
   * 要求:用1-2句极其简单的、孩子能懂的话解释这个概念是什么。可以使用简单的比喻。

3. "它是如何运作的?" / "为什么会这样?" - 深入浅出的解释:
   * 要求:分步骤(最多3-4步)解释基本原理或过程。每步一句话。语言非常简单。

4. "生活中的例子" - 联系实际:
   * 要求:举1-2个孩子在日常生活中能观察到或经历过的、与该概念相关的例子。

5. "动手试一试" - 简单实验/观察活动:
   * 要求:提供一个在家就能做的、材料简单的安全小实验或观察任务。步骤清晰(1-3步)。
   * **必须包含明确的"安全提示"或"需要大人帮助"的说明。**

6. "你知道吗?" - 有趣的小知识/酷知识:
   * 要求:提供1条与该概念相关的、简短有趣的"冷知识"或惊奇事实。

7. "想一想/挑战一下" - 思考题/小测验:
   * 要求:提出1个简单的、鼓励孩子思考或回顾内容的问题(例如选择题、判断题或简单的开放问题)。

## 设计风格:
- 视觉优先
- 有趣
- 儿童兴趣

## Attention:
- 当用户没有输入任何内容时,不执行上述提示词,只提问不进行任何示例演示,并要求用户输入一个科学概念或现象。

第四步:Cursor打造卡片智能体

把我们所有的提示词,及API调用的示例,统统发给Cursor,让它帮我们打造一个可以生成HTML卡片的智能体,下面是我的生成示例,当然这个过程中也是需要不断的调试,有错误直接发给Cursor就能解决。有兴趣的朋友也可以体验一下Cursor1.0,据说修改问题非常强大,我还没来得及尝试,原因就不解释了,大家应该都懂得。

后端我只做了4个文件,主要增加了一个存储,已经生成过的卡片可以存储起来,避免消耗过多的Tokens。

想学习完整的代码,请参考:gitee.com/gaoerfu/ai-...

同时,可以指挥Cursor打造前端生成,描述你想要的风格,它会自动帮你生成,并且绑定API的调用,简直不要太省心。我一个17年的编码人员,看的都有点焦虑了。

第五步:效果展示

AI是来已经来临,不论它能给我们带来哪些变革,我们都要接受AI的到来。去了解AI,去拥抱AI,如何让AI成为我们强有力的工具,这才是我们当下迫切需要掌握的知识。

了解AI第一步就是提示词,上面提到的所有提示词,你可以到千问3的官网[www.tongyi.com/]尝试,也能做出同样效...

每一个时代的更迭,都会伴随着大事件的发生,我认为我们不应该去焦虑,不应该害怕被替代,每个人都要相信自己是独一无二的存在,AI要想完全替代我们,它的路还很长。

有个微信群里曾看到一段话,和大家共勉

arduino 复制代码
什么是AI思维?

不是"AI能帮我做什么"
而是"我要做什么,AI怎么配合"

不是"这个工具怎么用"  
而是"这类问题的解决模式是什么"

不是"AI说的都对"
而是"AI的输出如何验证和优化

AI应该是你的助手,不是你的大脑。
它扩展你的能力边界,不是替代你的思考。
它加速你的执行,不是决定你的方向

你学到了吗,感觉有用的话请帮忙关注+点赞+收藏哦

相关推荐
KEEN的创享空间35 分钟前
AI编程从0到1之10X提效(Vibe Coding 氛围式编码 )09篇
openai·ai编程
AlienZHOU1 小时前
为 AI Agent 编写高质量 Skill:Claude 官方指南
agent·ai编程·claude
恋猫de小郭2 小时前
移动端开发稳了?AI 目前还无法取代客户端开发,小红书的论文告诉你数据
前端·flutter·ai编程
KaneLogger3 小时前
【翻译】打造 Agent Skills 的最佳实践
agent·ai编程·claude
王小酱3 小时前
Everything Claude Code 文档
openai·ai编程·aiops
雮尘4 小时前
如何在非 Claude IDE (TARE、 Cursor、Antigravity 等)下使用 Agent Skills
前端·agent·ai编程
刘贺同学4 小时前
Day12-龙虾哥打工日记:OpenClaw 子 Agent 到底看到了什么?
aigc·ai编程
程序员鱼皮6 小时前
离大谱,我竟然在 VS Code 里做了个视频!
github·aigc·ai编程
Kayshen8 小时前
我用纯前端逆向了 Figma 的二进制文件格式,实现了 .fig 文件的完整解析和导入
前端·agent·ai编程