最近小红书上那种美食手账图文特别火爆,不少读者留言问能不能做个简单好用的一键生成工具。说实话,之前分享的n8n工作流教程虽然功能强大,但对很多人来说确实有点难啃——Webhook、JSON数据结构,光是排查报错就能卡住半天。
所以这次换个思路。用Claude Code直接搭建一个基于自然语言指令的生成工具。你只需要输入一句“帮我生成制作蛋炒饭的小红书手账卡片”,剩下的事交给它就行。几分钟后,一张完整的本地美食手账图就会出现在你指定的文件夹里。配上简短的文案,直接就能发到小红书或者小绿书。
图片1细节:
图片2细节:
2. 为何从n8n转向Claude Skills
n8n 虽然强大,但说实话,对非技术人员来说门槛确实高。理解 Webhook、操作 JSON 数据结构,再加上排查报错,简直是噩梦。转投 Claude Skills,主要是因为它有三个降维打击的优势:
交互方式完全变了。 之前用 n8n,你得像工程师一样一个个编排逻辑节点;现在用 Claude Skills,只需要像老板一样下达自然语言指令就行。本质上是“操作逻辑”的转变——从拼积木变成提需求。
灵活度大幅提升。 想换个图片风格?在 n8n 里你得去改参数、调节点;在这里直接告诉 Claude“换个鲜艳点的颜色”,它能听懂人话并动态调整。这种沟通效率,完全不是一个量级。
本地直连,所见即所得。 n8n 通常需要部署在云端或 Docker 容器里,文件落地流程比较繁琐。Claude Skills 直接运行在本地终端,生成的图片直接出现在你的文件夹里。从用户角度来看,体验更接近“傻瓜式”操作。
3. 搭建过程
3.1. 安装Claude Code(Windows系统)
其实之前在Agent Skills系列文章里已经讲过Claude Code的安装步骤了,但不少人还是没看懂。今天咱们再细致地说一遍。
步骤一:安装Node.js
Claude Code本质上是一个运行在终端的工具,依赖Node环境。先去Node.js官网(nodejs.org/)下载安装包,按默认流程安装就行。
安装完成后,按住键盘上的Win+R键打开运行窗口,输入cmd打开命令提示符,输入node -v,再按回车键。如果正常显示Node.js版本号,说明安装成功了。
步骤二:安装Python
去Python官网(www.python.org/downloads/w…)下载安装包。这里有个关键提醒:安装时一定要勾选Add Python to PATH——这一步最关键,否则终端无法找到Python。
安装完成后,同样的操作,在命令提示符中输入python --version,按回车键。如果正常显示Python版本号,就说明安装成功了。
步骤三:安装Claude Code
在命令提示符中输入npm install -g @anthropic-ai/claude-code,按回车键进行安装。安装完成后,输入claude验证是否安装成功。
步骤四:配置doubao-seed-code
Claude Code安装好后,还需要配置一个大模型来驱动它。在电脑上打开Powershell,输入命令notepad $HOME\.claude\settings.json,回车后会弹出settings.json文件。这个文件是用来配置驱动Claude Code的大模型的——我这边用的是豆包编程模型。
ANTHROPIC_AUTH_TOKEN需要填入火山引擎的API访问秘钥(console.volcengine.com/iam/keymana…)。注意:要订阅相应套餐才能使用。
3.2. 搭建项目
进入正题。本文的Agent Skill目录结构设计如下:
xiaohongshu-card-maker/
├── SKILL.md # 必填:使用说明 + 元数据
├── scripts/ # 必填:可执行代码
├── references/ # 可选:文档资料
└── assets/ # 可选:模板、资源文件
└── output/ # 必填:输出手账图片的目录
基于这个目录结构,在.claude目录下新建项目文件夹。我在F:\skill-project\.claude\skills目录下新建了xiaohongshu-card-maker目录。
第一步:编写skill.md。
从下图可知这个skill名叫xiaohongshu-card-master。它的角色是小红书爆款手账专家,主要职责是围绕“小八”来制作美食手账。这是我编写提示词的思路,你可以基于这个思路让豆包去扩写:
1. 接收用户输入的菜名
2. 调用generate.py进行生图操作
图片布局:
- 采用垂直模块化网格,使用手绘直线、虚线或“纸胶带”进行区域分割。
- 关键步骤间使用手写感的箭头或圆点连接,形成清晰的阅读动线。
图片风格:
- 现代简约Ins风“精装修”手账,融合矢量插画的精准与水彩画风的温馨。
- IP形象固定为小八。
3. 将生成的图片写入output文件夹
第二步:编写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文件夹,可以看到糖醋里脊的制作手账图文已经存在。
细节展示:
```