跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客GitHub 精选镜像AI 生图工具UI配色美学隐私政策关于联系
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
JavaScriptNode.jsAI大前端

利用 KAT-Coder-Pro V1 零代码开发小红书卡片 MCP 工具

利用 KAT-Coder-Pro V1 零代码构建小红书卡片 MCP 工具。通过自然语言描述需求,AI 自动完成从设计、编码到测试及 NPM 发布的全流程。项目支持多种主题样式转换 Markdown 为图片,并集成于 Cursor 等编辑器中。实测仅需少量 Token 即可实现功能迭代,展示了 AI 辅助编程在自动化开发中的高效应用。

游戏玩家发布于 2026/4/8更新于 2026/7/2136 浏览
利用 KAT-Coder-Pro V1 零代码开发小红书卡片 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

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

什么是 MCP?

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

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

优势在于标准化接口降低了集成复杂度,集中管控提升了安全性与可维护性,并支持动态数据获取与执行,让 AI 真正'能做事'。

在这里插入图片描述

零代码开发小红书卡片 MCP

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

这里就不过多描述,可以参考官方开发工具接入指南。推荐使用 Cline,配置起来比较方便。

在这里插入图片描述

在 Cline 配置好的效果。

在这里插入图片描述

准备提示词

创建一个空文件夹就可以开始让 AI 干活了。我们只需要把需求用自然语言描述清楚。

开发一个小红书卡片 MCP 功能:
1. 将 Markdown 文档转换为精美的知识卡片,支持多种风格
2. 支持多种主题样式:苹果备忘录、波普艺术、艺术装饰、玻璃拟态、温暖柔和、简约高级灰、梦幻渐变、清新自然、紫色小红书、笔记本、暗黑科技、复古打字机、水彩艺术、中国传统、儿童童话、商务简报、日本杂志、极简黑白、赛博朋克
3. 如果长文就自动拆分
4. 支持直接读取 Markdown 文件(可选择)
5. 支持通过 type 参数直接指定卡片类型/尺寸(可选择)

注意:
1. 注意符合 mcp 开发规范
2. 注意中文编码问题

任务:
根据用户故事和提供的功能生成小红书卡片 MCP,以及相关注意点,将本项目上传至 GitHub,并确保像 CodeBuddy 和 Cursor 这类工具也能让其他人正常使用这个 MCP 项目。
当前项目的 GitHub 地址已配置好,为 https://github.com/lfrbmw/Little-Red-Book-Card-MCP.git。后续要完成将项目上传至 GitHub 并发布到 NPM 的操作

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

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

在这里插入图片描述

在测试完后,它会主动清理临时文件。

在这里插入图片描述

直接就在 npm 部署成功。

在这里插入图片描述

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

在这里插入图片描述

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

{
  "function": "将 Markdown 内容转换为知识卡片",
  "feature": "列出所有可用的主题样式"
}

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

在这里插入图片描述

修修补补项目

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

比如测试过程实际使用 MCP 过程中,交互返回的是 HTML/CSS 结构,但没有输出转换为知识卡片例如一张图片 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 发布,全自动完成
  • 真正可用:支持图片输出、多主题、多尺寸,满足小红书发布需求
  • 低成本高效率:借助 AI 的强大能力与免费额度,零成本实现创意

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

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

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

目录

  1. 背景
  2. 效果展示
  3. 相关介绍
  4. 为什么选择 KAT-Coder-Pro V1?
  5. 高性能与长上下文
  6. 深度适配主流 AI 编程工具
  7. 什么是 MCP?
  8. 零代码开发小红书卡片 MCP
  9. 前置准备 - 接入 KAT-Coder-Pro V1
  10. 准备提示词
  11. 修修补补项目
  12. 最终版本
  13. KAT-Coder-Pro V1 的调用监控
  14. 总结
  • 免费图片AI生成工具免费生成了解详情
  • Magick API 一键接入全球大模型注册送1000万token查看
  • 免费图片视频在线生成30秒,将你的创意变成现实开始设计
  • X/Twitter免费视频下载器免登陆无限额度免费视频解析下载了解详情
  • 100+免费在线小游戏爽一把
极客日志微信公众号二维码

微信扫一扫,关注极客日志

微信公众号「极客日志V2」,在微信中扫描左侧二维码关注。展示文案:极客日志V2 zeeklog

更多推荐文章

查看全部
  • Claude Code 本地接入与 API 配置指南
  • 扩散模型原理与图像生成实战:DDPM 核心解析与 PyTorch 实现
  • GitHub 2026 年开源 AI 项目热度深度分析
  • OpenCV 图像操作基础:读写、像素访问与内存管理
  • Ubuntu 22.04 下基于 ROS2 Humble 的 PX4 仿真环境搭建
  • AI 辅助 Java 零基础入门与实战教程
  • Java 入门实战:从环境配置到 Hello World
  • Java 数据类型、运算符与方法核心总结
  • 程序员面对薪资倒挂的应对策略与职业发展建议
  • AI 大模型在无人机巡检中的实战应用:从数据处理到模型部署
  • 2026 年国家自然科学基金 AI 使用声明撰写位置与规范
  • Web 自动化测试入门指南:从概念到 Selenium 实战
  • JDK 下载与安装配置详解
  • Visual C++ 运行库安装失败常见场景与解决方案
  • 阶跃星辰开源图生视频模型,大模型落地引发市场关注
  • 前端网页开发基础:HTML、CSS 与 JavaScript 入门教程
  • WAIC2025 观察:合合信息 AI 鉴伪与文档篡改检测技术
  • SpringBoot+Vue+MySQL Web 考编论坛平台设计与实现
  • LangChain 框架详解与大语言模型应用实践
  • RAG 技术演进:DeepSeek 与 Neo4j 构建 GraphRAG 企业智能体系

相关免费在线工具

  • RSA密钥对生成器

    生成新的随机RSA私钥和公钥pem证书。 在线工具,RSA密钥对生成器在线工具,online

  • Mermaid 预览与可视化编辑

    基于 Mermaid.js 实时预览流程图、时序图等图表,支持源码编辑与即时渲染。 在线工具,Mermaid 预览与可视化编辑在线工具,online

  • 随机西班牙地址生成器

    随机生成西班牙地址(支持马德里、加泰罗尼亚、安达卢西亚、瓦伦西亚筛选),支持数量快捷选择、显示全部与下载。 在线工具,随机西班牙地址生成器在线工具,online

  • Keycode 信息

    查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具,Keycode 信息在线工具,online

  • Escape 与 Native 编解码

    JavaScript 字符串转义/反转义;Java 风格 \uXXXX(Native2Ascii)编码与解码。 在线工具,Escape 与 Native 编解码在线工具,online

  • JavaScript / HTML 格式化

    使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。 在线工具,JavaScript / HTML 格式化在线工具,online