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

目录

1. 前言

2. 为何从n8n转到Claude Skills

3. 搭建过程

3.1. 安装Claude Code(windows系统)

3.2. 搭建项目

3.3 测试

4. 结语

1. 前言

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

https://juejin.cn/post/7602512064976519231

不得不说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 官网https://nodejs.org/,选择安装包,安装过程一路下一步

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

2.安装python

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

注意: 安装时一定要勾选 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访问秘钥https://console.volcengine.com/iam/keymanage

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

3.2. 搭建项目

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

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。它的角色是小红书爆款手账专家,它的主要职责是围绕小八来制作美食手账。

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

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

2.编写generate.py

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

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

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 智能体的升级。

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

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐