【程序员副业指南】KwaiKAT AI制作小红薯[特殊字符]卡片MCP

【程序员副业指南】KwaiKAT AI制作小红薯[特殊字符]卡片MCP

【程序员副业指南】KwaiKAT AI制作小红薯卡片MCP

在这里插入图片描述

【程序员副业指南】KwaiKAT AI制作小红薯📕卡片MCP

背景

每个程序员都熟悉计算机,是最适合写技术博客以及做分享的人。最近发现了一个Markdown转知识卡片,值得注意的是,可以利用这个快速制作小红薯📕卡片,但是有点小贵,对于我这样的白嫖党,那肯定是负担不起的,于是决定利用KAT-Coder-Pro V1复刻一个小红薯📕卡片MCP。

效果展示

本项目已开源:https://github.com/lfrbmw/Little-Red-Book-Card-MCP

有朋友问这个有什么用,最近来看效果,你的到一个可以直接发的小红📕卡片,示例如下,直接输出一张可发布小红书的笔记,还提供多个样式。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

相关介绍

为什么选择 KAT-Coder-Pro V1?

🔥 高性能,高性价比
  • SWE-Bench Verified 解决率达 73.4%,媲美全球顶尖闭源模型
  • 256K 超长上下文,轻松处理项目级代码与复杂任务
  • 支持 自然语言驱动全链路开发:需求分析 → 架构设计 → 编码 → 调试 → 部署
  • 阶梯式按上下文计费,大幅降低使用门槛
🛠️ 深度适配主流 AI 编程工具

完美兼容4大平台:

  • Claude Code
  • Cline(VS Code 插件)
  • Kilo Code
  • Roo Code

只需 1 分钟配置 API,即可在熟悉环境中调用 Pro 级 AI 能力。

🎁 超强福利
  • KAT-Coder-Pro V1:新用户注册即赠2000万Tokens!
  • KAT-Coder-Air V1:API 永久免费,拥抱每一位开发者
在这里插入图片描述

什么是 MCP?

MCP(Model Context Protocol)是一种开放标准,用于让大模型安全、高效地调用外部工具与数据。

  • MCP Server:管理工具接口,执行具体操作(如生成图片)
  • MCP Client:嵌入 LLM 环境,发起工具调用
  • MCP Host:集成平台(如 Cursor、CodeBuddy、Trae)

优势:

  • 标准化接口,降低集成复杂度
  • 集中管控,提升安全性与可维护性
  • 支持动态数据获取与执行,让 AI 真正“能做事”
在这里插入图片描述

零代码开发小红薯📕卡片MCP

前置准备-接入KAT-Coder-Pro V1

这里就不过多的描述,可以参考,KAT-Coder-Pro V1 开发工具接入指南:https://www.streamlake.com/document/WANQING/me6ymdjrqv8lp4iq0o9

推荐使用Cline,1分钟就配置好了。

在这里插入图片描述

在cline配置好的效果。

在这里插入图片描述

准备提示词

开发一个小红书卡片MCP 功能: 1.将 Markdown 文档转换为精美的知识卡片,支持多种风格 2.支持 多 种主题样式:苹果备忘录 波普艺术 艺术装饰 玻璃拟态 温暖柔和 简约高级灰 梦幻渐变 清新自然 紫色小红书 笔记本 暗黑科技 复古打字机 水彩艺术 中国传统 儿童童话 商务简报 日本杂志 极简黑白 赛博朋克 3.如果长文就自动拆分 4.支持直接读取 Markdown 文件(可选择) 5.支持通过 type 参数直接指定卡片类型/尺寸(可选择) # 注意 1. 注意符合mcp开发 2. 注意中文编码问题 # 任务 根据 用户故事 和提供的 功能 生成小红书卡片MCP,以及相关注意点,将本项目上传至 MCP,并确保像 CodeBuddy 和 Cursor 这类工具也能让其他人正常使用这个 MCP 项目。 当前项目的 GitHub 地址已配置好,为 https://github.com/lfrbmw/Little-Red-Book-Card-MCP.git。后续要完成将项目上传至 GitHub 并发布到 NPM 的操作 

创建一个空文件夹就可以开始让AI干活了。

在这里插入图片描述

仅仅一次,就完成了从设计到成品,再到测试,可以看到在测试中遇到的问题它都会去处理,只有通过测试,它才会发布到npm。

遇到错误,分分钟就处理好了。

在这里插入图片描述

在测试完后,会自己主动的删除删除文件。

在这里插入图片描述

直接就在npm部署成功。

在这里插入图片描述

接下来就是在trae中配置这个MCP,进行实际的测试。

在这里插入图片描述

可以看到成功的制作并部署了一个小红书卡片mcp。其中有2个功能:

将Markdown内容转换为知识卡片 列出所有可用的主题样式 

对它说:列出所有可用的主题样式,可以看到,成功的列出了我们初始化时给出的19个主题。

在这里插入图片描述

修修补补项目

在测试过程中,它没有实际的实现目标,我们只需要对他说出我们的目的,他会自行的优化。

测试过程实际使用mcp过程中,交互如下, { "content": "# 高效学习的五个技巧\n\n- 设定具体目标:明确今天要完成的任务。\n- 番茄工作法:25分钟专注,5分钟休息。\n- 主动回忆与间隔重复:用检索而非重读。\n- 输出驱动:用讲解或写作检验理解。\n- 及时复盘:记录问题与改进点。\n\n> 学习不是时间的堆砌,而是效率的提升。\n\n## 快速行动清单\n- 今天的目标写下来\n- 安排2个番茄钟\n- 用问题自测一次\n- 输出一段总结\n- 晚上做5分钟复盘\n", "theme": "清新自然", "type": "standard" } 响应 { "html": "\n <!DOCTYPE html>\n <html lang=\"zh-CN\">\n <head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <style>\n \n .card {\n background: linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%);\n border: 1px solid #81c784;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 4px 8px rgba(129, 199, 132, 0.3);\n font-family: 'Open Sans', sans-serif;\n color: #2e7d32;\n }\n \n .card-content {\n margin: 0;\n padding: 0;\n }\n </style>\n </head>\n <body>\n <div class=\"card\">\n <div class=\"card-content\"><h1>高效学习的五个技巧</h1>\n<ul>\n<li>设定具体目标:明确今天要完成的任务。</li>\n<li>番茄工作法:25分钟专注,5分钟休息。</li>\n<li>主动回忆与间隔重复:用检索而非重读。</li>\n<li>输出驱动:用讲解或写作检验理解。</li>\n<li>及时复盘:记录问题与改进点。</li>\n</ul>\n<blockquote>\n<p>学习不是时间的堆砌,而是效率的提升。</p>\n</blockquote>\n<h2>快速行动清单</h2>\n<ul>\n<li>今天的目标写下来</li>\n<li>安排2个番茄钟</li>\n<li>用问题自测一次</li>\n<li>输出一段总结</li>\n<li>晚上做5分钟复盘</li>\n</ul>\n</div>\n </div>\n </body>\n </html>\n ", "css": "\n .card {\n background: linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%);\n border: 1px solid #81c784;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 4px 8px rgba(129, 199, 132, 0.3);\n font-family: 'Open Sans', sans-serif;\n color: #2e7d32;\n }\n ", "metadata": { "theme": "清新自然", "type": "standard", "wordCount": 26, "charCount": 197 } } 没有实际的输出转换为知识卡片例如一张图片png格式等,保存在当前文件夹,我要的时实际的实现,而不是一个架子 
在这里插入图片描述


在这里插入图片描述

最终版本

本项目已开源:https://github.com/lfrbmw/Little-Red-Book-Card-MCP

MCP具有的功能:

在这里插入图片描述

对MCP的实际调用(生成了一张不错的图片,我们可以直接发布小红书了):

在这里插入图片描述

KAT-Coder-Pro V1的调用监控

使用KAT-Coder-Pro V1还有一个好处,我们可以实时的看到调用监控,通过调用监控及时的分享有问题的地方,小插曲,我第一次用是出了一点小问题,重试了也不行,于是看监控,发现它这个重试的错误,可以看到我只调用了214次就成功实现了这个小红薯📕的实现,实际就是AI对话了3或4次而已。

在这里插入图片描述

总结

  • 无需写代码:用自然语言描述需求,AI 自动生成完整项目
  • 端到端交付:从设计 → 开发 → 测试 → NPM 发布,全自动完成
  • 真正可用:支持图片输出、多主题、多尺寸,满足小红书发布需求
  • 低成本高效率:借助 KAT-Coder-Pro V1 的强大能力与免费额度,零成本实现创意
程序员的终极生产力:不是写代码,而是让AI帮你写代码。

🌟 项目地址:https://github.com/lfrbmw/Little-Red-Book-Card-MCP

📦 NPM 包:little-red-book-card-mcp

🚀 快来试试,让你的 Markdown 一键变身小红书爆款笔记!


我是LucianaiB,一个找不到工作而失业的倒霉蛋,寻找第二曲线、探索更多人生可能,聚焦AI编程、AI智能体、RPA方向。

如果你想加入我的免费AI编程交流群/活动运营群,直接扫码下方左边二维码、备注【AI编程及活动】,还可以领取一份见面礼🎁

如果你想关注并跟随AI的最新动态,可以扫下方中间二维码关注公众号【LucianaiB】、不再错过最新AI资讯和实用干货内容📚

Read more

【AI大模型前沿】昆仑万维开源Skywork-R1V3:38B多模态推理模型,高考数学142分刷新开源SOTA

【AI大模型前沿】昆仑万维开源Skywork-R1V3:38B多模态推理模型,高考数学142分刷新开源SOTA

系列篇章💥 No.文章1【AI大模型前沿】深度剖析瑞智病理大模型 RuiPath:如何革新癌症病理诊断技术2【AI大模型前沿】清华大学 CLAMP-3:多模态技术引领音乐检索新潮流3【AI大模型前沿】浙大携手阿里推出HealthGPT:医学视觉语言大模型助力智能医疗新突破4【AI大模型前沿】阿里 QwQ-32B:320 亿参数推理大模型,性能比肩 DeepSeek-R1,免费开源5【AI大模型前沿】TRELLIS:微软、清华、中科大联合推出的高质量3D生成模型6【AI大模型前沿】Migician:清华、北大、华科联手打造的多图像定位大模型,一键解决安防监控与自动驾驶难题7【AI大模型前沿】DeepSeek-V3-0324:AI 模型的全面升级与技术突破8【AI大模型前沿】BioMedGPT-R1:清华联合水木分子打造的多模态生物医药大模型,开启智能研发新纪元9【AI大模型前沿】DiffRhythm:西北工业大学打造的10秒铸就完整歌曲的AI歌曲生成模型10【AI大模型前沿】R1-Omni:阿里开源全模态情感识别与强化学习的创新结合11【AI大模型前沿】Qwen2.5-Omni:

Pytorch和Tensorflow两大架构如何安装?想在自己的电脑上跑神经网络?如何找到部署自己电脑版本的神经网络工具?人工智能专业的学生集合!!

人工智能研究方向的科研小白,天崩开局?手把手教搭建神经网络训练工具准备 第一章 前言 1.1 研究背景 在当今科技迅猛发展的时代浪潮中,人工智能无疑已成为推动各领域变革与创新的核心驱动力。而神经网络,作为人工智能领域的基石与先锋,正以其独特的魅力与强大的效能,重塑着我们对世界的认知与交互方式。 近年来,生成式 AI 的爆发式增长成为科技领域最耀眼的现象之一。以Deep Seek为代表的大型语言模型,凭借其强大的自然语言处理能力,实现了与人类流畅、智能的对话交互,从文本创作、智能客服到知识问答,广泛应用于各个行业,为人们的工作与生活带来了前所未有的便利。图像生成领域,StableDiffusion 等模型能够根据简单的文本描述,创作出令人惊叹的高质量图像,激发了艺术创作的无限可能。这些生成式 AI 的卓越表现,背后离不开神经网络的有力支撑。神经网络通过对海量数据的深度挖掘与学习,掌握了语言、图像等信息的内在模式与规律,从而实现了精准的生成与创造。 1.2 研究意义 在当下,全国各大高校对计算机专业展现出了极高的热情,招生规模不断扩张,新的专业方向与课程设置也如雨后春笋般

用 AI 设计力打造专业 UI_UX:在 Trea、Qoder 等 AI IDE 中集成 ui-ux-pro-max-skill

用 AI 设计力打造专业 UI_UX:在 Trea、Qoder 等 AI IDE 中集成 ui-ux-pro-max-skill

在 AI 编程工具爆发的 2025–2026 年,开发者不再满足于“能跑就行”的界面——我们渴望一键生成媲美 Figma 原型的专业 UI。GitHub 上的开源项目 ui-ux-pro-max-skill 正是为此而生:它将 57 种设计风格、95 套行业配色、56 组字体搭配和 98 条 UX 准则打包成一个结构化知识库,让任何支持上下文引用的 AI 编码助手都能输出高质量前端代码。 本文将手把手教你如何在 Trea 和 Qoder 这类国产主流 AI IDE 中高效使用该项目——即使它们尚未被官方原生支持。 🌟 项目核心能力 ui-ux-pro-max-skill 不是一个普通插件,而是一个AI 可读的设计系统数据库,包含: * 57 种 UI 风格:

Flutter 三方库 huggingface_client 的鸿蒙化适配指南 - 连接全球最大 AI 开源社区、助力鸿蒙应用构建云端一体的大模型推理能力

Flutter 三方库 huggingface_client 的鸿蒙化适配指南 - 连接全球最大 AI 开源社区、助力鸿蒙应用构建云端一体的大模型推理能力

欢迎加入开源鸿蒙跨平台社区:https://openharmonycrossplatform.ZEEKLOG.net Flutter 三方库 huggingface_client 的鸿蒙化适配指南 - 连接全球最大 AI 开源社区、助力鸿蒙应用构建云端一体的大模型推理能力 前言 在 OpenHarmony 鸿蒙应用全场景智能化的今天,AI 模型的获取与推理能力已成为应用的核心竞争力。如果你希望在鸿蒙应用中集成最前沿的文本生成、图像识别或语音转写功能,而又不想从零开始训练模型,那么 Hugging Face Hub 正是你不可或缺的“AI 军火库”。huggingface_client 作为一个专为 Dart/Flutter 设计的官方级客户端,提供了对 Hugging Face API 的深度封装。本文将指导你如何在鸿蒙端利用此库轻松调取全球顶尖的开源 AI 算力。 一、原原理分析 / 概念介绍 1.1