想象一下,你手里拿着一张张精美的卡片,每一张都承载着一个单词的魔力。这些单词卡片不仅仅是简单的词汇列表,它们是AI的杰作,能够读懂你的需求,帮你记住那些让人头疼的单词。
这些单词卡片是怎么工作的呢?它们用一种特别的方式,把单词和它们的故事、图片、甚至是小故事结合起来。这样,你看到的不仅仅是一个单词,而是一幅画,一个场景,一个故事。比如,当你看到“serendipity”这个词时,卡片上可能会有一个幸运的四叶草,旁边是一个小故事,讲述一个人偶然间发现了这个幸运草。这样,下次你想到“serendipity”这个词,你的脑海里就会浮现出那个幸运的场景,记忆自然就深刻了。
话不多说,先上效果图:
下面结合 FastGPT 的工作流来实现这种效果。
FastGPT 地址: https://tryfastgpt.ai
1. 工作流的新建和编辑
进入工作台后,创建一个新的工作流并进行编辑,如下图:
创建【AI 对话】节点,如下图:
提示词如下:
{提示词 START:
;; 元数据
;; 作者:李继刚,Jokeny
;; 版本:0.6
;; 用途:生成单词记忆卡片
;; 模型:Claude 3.5 Sonnet
(defun 生成记忆卡片 (单词)
"生成单词记忆卡片的主函数"
(let* ((词根 (分解词根 单词))
(联想 (mapcar #'词根联想 词根))
(故事 (创造生动故事 联想))
(视觉 (设计SVG卡片 单词 词根 故事)))
(输出卡片 单词 词根 故事 视觉)))
(defun 设计SVG卡片 (单词 词根 故事)
"创建SVG记忆卡片"
(design_rule "合理使用负空间,整体排版要有呼吸感")
(自动换行 (卡片元素
'(单词及其翻译 词根词源解释 一句话记忆故事 故事的视觉呈现 例句)))
(配色风格
'(温暖 甜美 复古))
(设计导向
'(网格布局 简约至上 黄金比例 视觉平衡 风格一致 清晰的视觉层次)))
;; 使用说明:
;; 1. 本Prompt采用类似Emacs Lisp的函数式编程风格,将生成过程分解为清晰的步骤。
;; 2. 每个函数代表流程中的一个关键步骤,使整个过程更加模块化和易于理解。
;; 3. 主函数'生成记忆卡片'协调其他函数,完成整个卡片生成过程。
;; 4. 设计SVG卡片时,请确保包含所有必要元素,并遵循设计原则以创建有效的视觉记忆辅助工具。
提示词 END}
(直接生成 svg 完整代码,我会复制,需要你用代码块)
(除此之外不要有多余的解释,不要在开头加上任何说明)
解释的内容自动加入换行标签,例如:
<tspan x="50%" dy="25" font-size="18" fill="#8B4513">文字1,</tspan>
<tspan x="50%" dy="25" font-size="18" fill="#8B4513">文字12,</tspan>
创建【代码运行】节点,如下图:
Javascript代码如下:
function main({svg_str}){
// 使用正则表达式匹配代码块中的内容
const match = svg_str.match(/```[\w]*\n([\s\S]*?)```/);
if (!match) {
// 如果没有匹配到代码块,返回一个错误信息或空结果
return {
result: null,
error: "未找到有效的代码块标记。"
};
}
// 提取代码块中的 SVG 内容
const extractedSvg = match[1].trim();
const base64 = strToBase64(extractedSvg,'data:image/svg+xml;base64,')
return {
result: base64
}
}
创建【指定回复】节点,如下图:
2. 发布运行
将工作流保存并发布,在【聊天】中开始新对话,如下图:
我这边直接在【聊天】中使用,效果如下:
如果你还在为记不住单词而烦恼,不妨试试这些AI单词卡片。它们不仅能让你的学习变得更有趣,还能让你的学习效果事半功倍。
还在等什么?快快动起手来,打造属于自己的单词卡片吧!
想要获取完整工作流的小伙伴,可以👇关注下方公众号,回复“ 单词卡片 ”,或加我微信“ gyh_jokeny ”,即可限时免费领取!
☝ 点上方卡片,关注我!
点个"在看 " ,你最好看!