“智绘卡匣”的AI编程制作分享-项目展示

“智绘卡匣”的AI编程制作分享 项目展示 “智绘卡匣”的AI编程制作分享 项目展示 Modified March 4, 2025 一、灵感来源 生成的界面需要一遍一遍和AI沟通，让其不断完善。 AI编程的最大的乐趣就是能够提供及时反馈，这样可以快速的迭代产品，直至不断接近我们心目中的那个完美产品的特征 三、工具出鞘 四、经验与反思 a. AI编程工具的赋能效应 以Trae为代表的自然语言交互式AI编程工具，真正打开了编程世界的大门，让我这样的程序小白也能迈出创造的第一步。令人振奋的是，只要有清晰的需求和创意，就能通过这些工具将想法转化为实际产品。这种体验既新奇又令人满足。 b. 成长中的挑战与坚持 格言卡片开发过程并非一帆风顺。特别是在实现卡片预览区域的交互设计时，如字体大小的拖动调节、元素位置的自由拖拽等功能，都需要与AI进行长时间、耐心的对话，经历反复修改和调整才能达到理想效果。这些挫折虽然令人沮丧，却也是学习过程中最宝贵的部分。 c. 有效沟通的艺术 我逐渐领悟到，向AI清晰表达需求的能力至关重要。学会用AI能够理解的语言，尽可能精确地描述自己的想法，这不仅是与AI工具协作的关键，也是一种值得培养的思维方式。这种精确表达的能力，在其他领域同样受用。 五、持续的优化 a. 功能完善与升级 计划接入DeepSeek的API功能，实现将普通话语自动转化为精美金句的能力。同时，希望增加更丰富的下载模板选择，包括多样化的字体和背景设计，让用户能够创造更个性化的内容。 b. 形式拓展 正在探索将应用转化为浏览器插件的可能性，以提供更便捷的使用体验，让创意随时可以被捕捉和实现。 一、灵感来源 生成的界面需要一遍一遍和AI沟通，让其不断完善。 AI编程的最大的乐趣就是能够提供及时反馈，这样可以快速的迭代产品，直至不断接近我们心目中的那个完美产品的特征 三、工具出鞘 四、经验与反思 a. AI编程工具的赋能效应 以Trae为代表的自然语言交互式AI编程工具，真正打开了编程世界的大门，让我这样的程序小白也能迈出创造的第一步。令人振奋的是，只要有清晰的需求和创意，就能通过这些工具将想法转化为实际产品。这种体验既新奇又令人满足。 b. 成长中的挑战与坚持 格言卡片开发过程并非一帆风顺。特别是在实现卡片预览区域的交互设计时，如字体大小的拖动调节、元素位置的自由拖拽等功能，都需要与AI进行长时间、耐心的对话，经历反复修改和调整才能达到理想效果。这些挫折虽然令人沮丧，却也是学习过程中最宝贵的部分。 c. 有效沟通的艺术 我逐渐领悟到，向AI清晰表达需求的能力至关重要。学会用AI能够理解的语言，尽可能精确地描述自己的想法，这不仅是与AI工具协作的关键，也是一种值得培养的思维方式。这种精确表达的能力，在其他领域同样受用。 五、持续的优化 a. 功能完善与升级 计划接入DeepSeek的API功能，实现将普通话语自动转化为精美金句的能力。同时，希望增加更丰富的下载模板选择，包括多样化的字体和背景设计，让用户能够创造更个性化的内容。 b. 形式拓展 正在探索将应用转化为浏览器插件的可能性，以提供更便捷的使用体验，让创意随时可以被捕捉和实现。 生成的界面需要一遍一遍和AI沟通，让其不断完善。 AI编程的最大的乐趣就是能够提供及时反馈，这样可以快速的迭代产品，直至不断接近我们心目中的那个完美产品的特征 三、工具出鞘 四、经验与反思 a. AI编程工具的赋能效应 以Trae为代表的自然语言交互式AI编程工具，真正打开了编程世界的大门，让我这样的程序小白也能迈出创造的第一步。令人振奋的是，只要有清晰的需求和创意，就能通过这些工具将想法转化为实际产品。这种体验既新奇又令人满足。 b. 成长中的挑战与坚持 格言卡片开发过程并非一帆风顺。特别是在实现卡片预览区域的交互设计时，如字体大小的拖动调节、元素位置的自由拖拽等功能，都需要与AI进行长时间、耐心的对话，经历反复修改和调整才能达到理想效果。这些挫折虽然令人沮丧，却也是学习过程中最宝贵的部分。 c. 有效沟通的艺术 我逐渐领悟到，向AI清晰表达需求的能力至关重要。学会用AI能够理解的语言，尽可能精确地描述自己的想法，这不仅是与AI工具协作的关键，也是一种值得培养的思维方式。这种精确表达的能力，在其他领域同样受用。 五、持续的优化 a. 功能完善与升级 计划接入DeepSeek的API功能，实现将普通话语自动转化为精美金句的能力。同时，希望增加更丰富的下载模板选择，包括多样化的字体和背景设计，让用户能够创造更个性化的内容。 b. 形式拓展 正在探索将应用转化为浏览器插件的可能性，以提供更便捷的使用体验，让创意随时可以被捕捉和实现。 https://zhihui card.vercel.app/ 智绘卡匣体验网址，（需要魔法上网） 小红书金句格言卡片，有着非常不错的流量，能不能搞个任何人都可以通过简单操作就能实现的卡片制作的工具呢？ 动手之前再来一个思考： 我们转发传播金句、格言的时候，到底在传播什么？金句格言能够流行的原因究竟是什么？ 李继刚说过：在AI时代，长是一种暴力，短是一种尊重。 格言、金句通过高度压缩增加了思想密度，高密度表达更易触发认知重组和顿悟，"短"不是内容的简化，而是精华的浓缩。 换句话说，句格言之所以被人喜欢，是因为在形式上是简短的闭合的，但又提供了某种开放意义的接口。这种接口可以广泛的链接人们的某种意识，激活尘封已久的感受，进而提供一种一瞬间对原有认知和经验的反省，所谓的“顿悟”才能到来。一言以蔽之，格言既是封闭的语言结构，又是开放的意义生成器。这正是顿悟得以发生的辩证基础。 既然格言如此重要，那些被珍藏的格言，那些被广泛传播的格言，它们是人们在书籍的大海中历尽千辛才筛选出的贝壳，当然有理由有一个漂亮的形式来装裱和呈现。 能不能用AI编程做出来这样的卡片生成工具？ 最近看了WaytoAGI飞书知识库上了黄叔的《AI编程蓝皮书》，以及黄叔在Build on Trae的直播课，这些事详细的菜谱类的AI编程操作教程。跟完让我这个程序小白明白下面几件事： 1、目前编程已经可以用自然语言交互方式可以实现，AI编程让编程的门槛正在前所未有的降低。 2、如何清晰的向AI说明自己的需求很重要。 3、调用API是怎么一回事。 二、上手编程 2.1、准备工作 拆解卡片的构成 2.2、描述任务目标： 我是编程小白，不会代码，现在要借助AI编程，制作一个格言卡片生成器，这个卡片生成器能够生成图文格言卡片（附图1）。 这个卡片生成器的操作界面.构成如下： 1、操作界面有3部分构成，上面是标题区域，左边是输入区域，右边是预览区域。三个区域是独立的；当左边输入的时候，右边的预览区域能够同步显示对应的内容； 2、标题区设置：标题“柳一刀 智慧卡匣”，下面是副标题“你共鸣的每个句子，都是灵魂的等高线” 3、左边输入区设置：点击选择照片可以上传本地照片，且有一个一键去除背景的按钮，点击可以删除上传照片的背景，使其更加美观； 4、右边预览区设置：预览区是有一个米色长方形和薄荷绿长方形堆叠形成的，薄荷绿长方形是米色长方形的3/4大；两个长方形的右下角对齐；薄荷绿长方形的左上角是圆角矩形，其他角都是直角； 5、预览区域的4个组块：预览区有4个组块构成，在最上层：有中文格言、英文翻译、作者的中英文名字和作者照片4个组块。四个组块都是独立的，类似四个文本框，文本框的背景色是透明色，每个组块都可以任意拖动调整位置和大小；中文格言和英文翻译组块，在组块的边框位置拖动鼠标，内容根据文本框的大小可自适应换行，但不能调整字体大小；当用鼠标拖动圆点的时候，只能调整字体大小，不能换行。 6、点击“”下载“”按钮，可以下载预览区的卡片，卡片的尺寸：800 1200. 7、卡片操作界面的UI设计是苹果风格的。 以上请你先给我生成操作界面的代码，记住，用最简洁的代码完成。并告诉我操作步奏 2.3、初步生成以及不断优化