利用 AI 编程工具零代码开发小红书卡片 MCP

背景

每个程序员都熟悉计算机，是最适合写技术博客以及做分享的人。最近发现了一个 Markdown 转知识卡片工具，值得注意的是，可以利用这个快速制作小红书卡片，但是成本较高，于是决定利用 AI 编程工具复刻一个小红书卡片 MCP。

效果展示

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

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

效果展示

零代码开发小红书卡片 MCP

前置准备 - 接入 AI 编程模型

这里就不过多的描述，可以参考 AI 编程模型开发工具接入指南。

推荐使用 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 个功能：

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

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

修修补补项目

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

{
  "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 结构，但没有实际的输出转换为知识卡片例如一张图片 png 格式等，保存在当前文件夹，我要的是实际的实现，而不是一个架子。

修复过程

最终版本

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

MCP 具有的功能：

功能展示

对 MCP 的实际调用（生成了一张不错的图片，我们可以直接发布小红书了）：

实际调用

AI 编程模型的调用监控

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

调用监控

总结

无需写代码：用自然语言描述需求，AI 自动生成完整项目
端到端交付：从设计 → 开发 → 测试 → NPM 发布，全自动完成
真正可用：支持图片输出、多主题、多尺寸，满足小红书发布需求
低成本高效率：借助 AI 编程模型的强大能力与免费额度，零成本实现创意

程序员的终极生产力：不是写代码，而是让 AI 帮你写代码。

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

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

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