用好通义和Deepseek,3分钟生成小红薯读书卡片,要几张就有几张

boyanx8个月前技术教程32

今天想到一个问题,就是很多人都在小红薯上分享读书心得,要做出漂亮的读书卡片,势必要花费很多时间,消耗很多精力。

那么能不能使用AI工具,快速制作小红薯卡片呢?

答案是一定行!


1、第一步,用通义千问生成代码

我首先在通义千问中,提出需求,要TA根据给出的词语,以html文件格式提供生成小红薯风格的卡片代码,马上,基础代码就出来了。



运行代码,进行验证后发现存在一定的问题,主题词居然不是居中的,需要深化需求,要TA继续修改。


继续提要求,主题词居中,字号放大;一次性解读8个词语。这次的代码质量明显大幅度提升,基本符合预期啦!


在代码之外,还给出了设计思路的解释,给AI加个鸡腿!


一次解读8个词语,生成效果很惊人吧!


2、第二步,定义多种固定模式

当然,这还不能算结束,还要继续挖挖TA的潜力,定义“汉语新解”为固定模式让AI记住之后,让TA继续生成第二种模式:



当然,通义说“我设定了第二种模式”,也需要进行验证才行。名家解读模式生成测试验证效果依然达到预期:


3、第三步,生成需求文档文件

当然的当然,这还不是结束。不能就这样放过AI,还要给TA安排点工作,让TA自己给自己作总结。我让通义对今天的代码生成设计,做一份成型的需求文档,很快,我拿到了这份文档。


4、第四步,换Deepseek测试用需求文档的成品直出能力

嘿嘿!有了这份文档,就可以喂给其他AI工具,看看用需求文档是不是可以1分钟直出成品啦!

时间原因,就用Deepseek做了测试,把整份文档文本直接丢给Deepseek,30秒直接给出代码,来看效果吧:


怎么感觉效果比通义的效果美观呢?不会是我自己的心理作用吧?

朋友们:你们感觉哪一种更好呢?


代码和需求文档文本 可以无偿分享,想要的回个“ 我要做卡片 ” !

相关文章

使用 ChatGPT 和 React 创建一个惊艳的3D卡片(一)

转载说明:原创不易,未经授权,谢绝任何形式的转载本系列文章将使用 ChatGPT、React 和 CodeSandbox 处理错误、图像占位符和协作,来探索如何创建一个惊艳的 3D 卡片,利用鼠标位置...

DeepSeek新技能Get!知识卡片也能如此惊艳

DeepSeek 也能绘制知识卡片啦,而且效果绝佳!各位快跟着小师妹一起一键生成吧!1Deepseek输出代码第一步,向它发送指令,要求以 HTML 格式输出 ,提示词如下:【请你提取下面内容,做成小...

deepseek+字节Trae编程工具,小白也能一键生成精美知识卡片!

你一定看到过以下这种漂亮的知识卡片,结构清晰,制作精美,易于传播和收藏。但是我们自己要做是真的很复杂,比较麻烦,为了只是把知识变成可视化的卡片,还需要费老长时间用设计软件排版设计?有没有更省时间的方法...

历时4个多月,学习了这 66 个CSS 特效

这 66 个特效,是我历时4个多月在油管一个一个跟着敲出来的,为了加强记忆,每个练习,我都录制了视频,在这里分享出来给大家。大家可能又会调侃了,你是工作不饱和吧,有时间做这些。其实,我目前工作还是挺饱...

css实现的卡片式渐变色卡html页面前端源码

大家好,今天给大家介绍一款,css实现的卡片式渐变色卡html页面前端源码(图1),送给大家哦,获取方式在本文末尾。不同颜色的渐变,给用户炫酷的视觉体验(图2)源码完整,需要的朋友可以下载学习(图3)...

如何使用Tailwind CSS创建响应式卡片网格

本文由ScriptEcho平台提供技术支持项目地址:传送门基于 Tailwind CSS 构建响应式卡片布局应用场景本段代码适用于需要创建响应式网格布局的场景,例如展示产品列表、用户资料或任何需要灵活...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。