不会代码？1小时用AI克隆高颜值知识卡片网站！附保姆级部署教

不会代码？1小时用AI克隆高颜值知识卡片网站！附保姆级部署教关注作者关注作者关注作者关注作者 2025/05/29 08:27

小宝影院xiaobaotv.video

上午看到有人在群里发了几个知识卡片，颜值还行，注意是人类手动ps的。爱一帆 yfsp.app

我感觉这个没必要手动，就直接让claude4试试从作品倒推复刻对应的代码。

没想到不到1小时（我完全在干别的，而且包括部署上线时间），claude4就几乎无修改地给我上线了。 iyifanyfsp.app

地址：https://read.staraiwork.cn/

生成效果大概是这个样子的。很多个颜色可以选。

输出的👇🏻这个样子，和我在群里看到的可以说几乎是差不多了。 tigrinhodemo a5game.app

有图表有提炼，有你的推广信息。

你全程根本不用跟它强调不同加载态咋办，提示文案咋办，它很多都默认自带了。其中json格式导出我一开始根本没提，它自己想的。华人影视xiaobaotv.video

小功能点： pragmatic a5game.app slots a5game.app

1、只用随便复制一段文字进去，点击生成即可。 fortunetigerdemográtis a5game.app pg a5game.app

2、多格式多色可选：可导出PNG、JPG格式的卡片。 iyftvyfsp.app

3、可以随意编辑，然后保存修改再导出。 slotpix a5game.app

4、支持导出json格式，方便之后直接在本地编辑完了之后导入二次修改。 iyf yfsp.app

真个网站上线的这部分小白同学可能有点晕，其实很简单，我们会专门有一篇文章从0-1告诉大家如何上线一个项目。 免费在线影院xiaobaotv.video ifuntvyfsp.app nba比分 a5game.app 爱壹帆在线yfsp.app

做完之后我只有2个感受，划重点： pgdemo a5game.app demo a5game.app

claude4后时代再无所谓的小创意，人人可做。 海外华人视频网xiaobaotv.video

一个人没有商业思维就完了，以后ai的发展会让普通技能的人罹患不幸。 demo a5game.app

现在的AI技术足够让小白赚咖啡钱了，大多数人还没意识到了。

沟通提示词

把这张图发给cursor，然让它对内容结构进行分析。爱壹帆国际版 yfsp.app

加上我们只是要做demo，爱壹帆寻秦记yfsp.app plataformademográtis a5game.app

所以不需要后端储存只要前端， slotsdemo a5game.app

这些需求统统你写好发给cursor： slot a5game.app slotpix a5game.app

产品名称：知识卡片生成器


主要功能：

1、请分析附件图片的知识内容结构当用户输入内容时候总结为图片中的知识笔记卡片。其中图表部分可以参考

MINDMAP: 
'mindmap'
 - 思维导图

FLOWCHART: 
'flowchart'
 - 流程图

TIMELINE: 
'timeline'
 - 时间线

COMPARISON: 
'comparison'
 - 对比图

HIERARCHY: 
'hierarchy'
 - 层级图

INFOGRAPHIC: 
'infographic'
 - 信息图

2、以笔记形式提炼用户输入的内容。知识总结避免重复。每张卡片必须包含一种图表演示阐释

3、知识内容总结部分使用deepseek-v3大模型，接口文档为https://api-docs.deepseek.com/zh-cn/,key为xxxx

4、知识卡片可以保存为jpg/png格式，用户可以二次编辑卡片内容。

5、多种主题色可选，生成后仍然可以更换主题色再次保存。

6、纯前端demo项目，无需持久储存。

7、主页标题为阿星AI工作室，同时附带我的个人二维码作为引流，需要主页中间部位和生成卡片的摘要之后嵌入我的二维码。我的联系二维码已放在public目录，路径是xxx

（你的二维码文件路径，需要你自己把二维码文件拖到public里，否则他自己会找不到）

然后你就在本地终端进行调试就可以了，有哪里就直接告诉cursor然它改。
jogosdemopg a5game.app