从n8n到Claude Skills:轻松搞定小红书热门美食手账,3分钟出图,小白也能会!

大家好,我是小肥肠,专注AI干货教程分享,今天带来的教程是基于Claude Code10分钟搭建火爆的小红书美食手账图文生成工具。

1. 前言

前面的知识卡片教程做完后。很多读者反馈实现太难了,教程看不懂。

n8n工作流:一键把复杂知识变成小红书科普卡片,直接存入本地磁盘!

不得不说n8n的门槛确实需要有一点技术背景的人。也有读者反馈能不能做一下最近小红书很火的美食手账图文,教程最好简单一点

这篇文章教你用10分钟来搭建最近在小红书上很火的美食手账图文。仅需一个指令帮我生成制作蛋炒饭的小红书手账卡片。等待几分钟后美食手账卡片就会出现在本地目录下,你只需要简单配文就能发布到小红书/小绿书。

图片1细节:

图片2细节:

2. 为何从n8n转到Claude Skills

n8n 虽然强大,但对非技术人员来说,理解 Webhook、JSON 数据结构以及排查报错简直是噩梦。转投 Claude Skills 主要基于三个降维打击的优势:

1. 交互进化

n8n 需要像工程师一样编排逻辑节点;Claude Skills 只需要像老板一样下达自然语言指令。

2. 灵活多变

想换个图片风格?在 n8n 里要改参数,在这里只需直接告诉 Claude换个鲜艳点的颜色,它能听懂人话并动态调整。

3. 本地直连

n8n 通常部署在云端/Docker,文件落地麻烦;Claude Skills 直接运行在本地终端,生成的图片直接出现在你的文件夹里,主打一个所见即所得

3. 搭建过程

3.1. 安装Claude Code(windows系统)

其实之前在Agent Skills系列文章里面已经说过Claude Code安装步骤了,还是很多人没看懂,今天就再细致一些。

1. 前置步骤安装node.js

Claude Code 本质上是一个运行在终端的工具,依赖 Node 环境。我们需要来到 Node.js 官网nodejs.org/,选择安装包,安装过程...

安装完成后。 按住键盘上的win+r键,打开运行窗口,输入cmd打开命令提示符,输入node -v,按一下键盘的上的回车键, 如正常现在node.js版本号即为安装成功。

2. 安装python

来到 Python 官网www.python.org/downloads/w... ,下载安装包。

注意: 安装时一定要勾选 Add Python to PATH(这一步最关键,否则终端找不到 Python)。

安装完成后。 按住键盘上的win+r键,打开运行窗口,输入cmd打开命令提示符,输入python --version,按一下键盘的上的回车键,如正常显示python版本号即为安装成功。

3. 安装Claude Code

按住键盘上的win+r键,打开运行窗口,输入cmd打开命令提示符,输入npm install -g @anthropic-ai/claude-code,按一下键盘的上的回车键进行安装。

安装完成后。 输入claude 验证是否安装成功。

4. 配置doubao-seed-code

Claude Code安装好后还要配置一个大模型来驱动它。在电脑上打开Powershell,输入命令notepad $HOME.claude\settings.json

按一下键盘的上的回车键, 会弹出setting.js文件,这个文件是用来配置驱动claude code的大模型的,我这边用的是豆包编程模型。

ANTHROPIC_AUTH_TOKEN填入火山引擎的API访问秘钥console.volcengine.com/iam/keymana...

ps:要订阅相应套餐才能用

3.2. 搭建项目

话不多说,正式开始搭建。本文的Agent Skill目录结构设计如下:

bash 复制代码
xiaohongshu-card-maker/
├── SKILL.md          # 必填:使用说明 + 元数据
├── scripts/          # 必填:可执行代码
├── references/       # 可选:文档资料
└── assets/           # 可选:模板、资源文件
└── output/            # 必填:输出手账图片的目录

基于目录设计,在.claude目录下新建项目文件夹,如下图所示,我在F:\skill-project.claude\skills\目录下新建了xiaohongshu-card-maker目录。

1. 编写skill.md

从下图可知这个skill名叫xiaohongshu-card-master。它的角色是小红书爆款手账专家,它的主要职责是围绕小八来制作美食手账。

这是我编写提示词的思路,你可以基于我的投喂给豆包来扩写:

markdown 复制代码
1. 接收用户输入的菜名
2. 调用generate.py进行生图操作
图片布局:
- 采用垂直模块化网格,使用手绘直线、虚线或"纸胶带"进行区域分割。
- 关键步骤间使用手写感的箭头或圆点连接,形成清晰的阅读动线。
图片风格:
-现代简约 Ins 风"精装修"手账,融合矢量插画的精准与水彩画风的温馨。
-IP形象固定为小八。
3. 将生成的图片写入output文件夹

2. 编写generate.py

来到.claude/skills/xiaohongshu-card-maker/scripts目录下,编写generate.py代码。

这是我编写代码的思路,你可以基于我的投喂给豆包来扩写:

markdown 复制代码
1. 接收参数:通过命令行接收 Claude 传来的绘画提示词 (--prompt)。
2. 调用接口:将提示词发送给云端绘图 API(代码中配置的 kg-api.cloud),并指定使用 nano-banana-2-4k模型进行生成。
3. 自动下载:拿到生成的图片链接后,自动将其下载并保存到本地的 output 文件夹中,并按时间戳命名。

3.3 测试

回到.claude上级目录,在文件路径处输入cmd打开命令提示符,输入claude进入claude code,再输入有哪些可用的skill,可以看到下图中,生成小红书手账卡片的skill已经被成功添加。

输入命令帮我生成制作糖醋里脊的小红书手账卡片

等待几分钟,手账卡片就制作完成了。

来到output文件夹可以看到糖醋里脊的制作手账图文已经存在。

细节展示:

以上就是整个skill构建的完整流程拆解,动手能力强的读者可以跟着教程实践一遍。上述skill已经被收录到了小肥肠共学群中,需要原件可以加入社群直接使用哦。

4. 结语

至此,我们仅用两个文件(SKILL.mdgenerate.py)就完成了从 n8n 复杂连线到 Claude Agent 智能体的升级。

如本次分享对你有帮助,欢迎一键三连支持一下小肥肠,我们下期再见~

相关推荐
之歆2 小时前
Coze 照片知识库深度解析:当 AI 学会「看图说话」
人工智能
大龄程序员2 小时前
TypeScript 类型体操:如何为 SDK 编写优雅的类型定义
前端·aigc
苡~2 小时前
【claude skill系列 - 10】Claude_Skill全栈实战_从0到1构建个人AI助手
人工智能·ai编程·api 中转站·稳定ai编程工具
大龄程序员2 小时前
别再用 ID 定位了!教你用"语义指纹"实现 99% 的元素定位成功率
前端·aigc
小陈phd2 小时前
多模态大模型学习笔记(五)—— 神经网络激活函数完整指南
人工智能·笔记·神经网络·学习·自然语言处理
大龄程序员2 小时前
Vite 插件开发实战:如何自动注入 SDK 脚本
前端·aigc
曦云沐2 小时前
第四篇:LangChain 1.0 Community 生态全览:第三方集成与厂商包最佳实践
人工智能·langchain·大模型开发框架
小叮当⇔2 小时前
电动工具品牌简介
大数据·人工智能
bst@微胖子2 小时前
PyTorch深度学习框架项目合集一
人工智能·pytorch·python