n8n-binary-and-data-official — Claude Code skill: files and binary
The skill covers how n8n stores files, images and attachments, and why binary data never crosses the agent tool boundary.
npx skills add n8n-io/skills --skill n8n-binary-and-data-official -a claude-codeWhat n8n-binary-and-data-official does
Every n8n item has two slots: $json for your data and $binary for your files. The skill keeps one rule front and centre — file contents live in $binary, not $json, and reading them from the wrong slot is the usual mistake. To produce binary in a Code node it shows the shape to return: a binary object with base64 data, plus mimeType and fileName.
A second section deals with agent tools. Their parameters and results are JSON only, so binary cannot pass in either direction. Inbound uploads get staged in storage and the tool receives a key through fromAi(); outbound files get uploaded and the tool returns a URL in JSON. passthroughBinaryImages: true lets the model see an uploaded image, but it does not give tools access to it. Worth checking your setup if you assumed otherwise.
The skill also covers keeping binary alive after a JSON transform with a Merge node, and the storage requirement for chat surfaces: Slack, Discord or Telegram render images by URL, not from $binary, so the file has to sit somewhere fetchable. You configure that storage yourself; n8n does not ship one. Four reference files back it up: references/BINARY_BASICS.md, references/AGENT_TOOL_BINARY.md, references/MERGE_FOR_CONTEXT.md and references/CDN_REQUIREMENT.md.
What it helps with
- read file contents from
$binaryinstead of$json - build binary in a Code node and pass it downstream
- hand a user-uploaded file to an agent tool by staging it and passing a key
- return a URL for a generated file instead of raw bytes
- keep an attachment after a JSON transform by merging streams
Example prompts for the agent
- My Code node can't see the file from the previous step. Check that I'm reading
$binaryand not$json. - I need an agent tool to accept an uploaded image. Show me the pre-stage-and-pass-key pattern with
fromAi(). - The attachment disappeared after Edit Fields. How do I merge it back?
How to install n8n-binary-and-data-official
1Skills CLI (Vercel)
npx skills add n8n-io/skills --skill n8n-binary-and-data-official -a claude-code2Manually: put the files in place
~/.claude/skills/n8n-binary-and-data-official/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/n8n-binary-and-data-official/
1Skills CLI (Vercel)
npx skills add n8n-io/skills --skill n8n-binary-and-data-official -a codex2Manually: put the files in place
.agents/skills/n8n-binary-and-data-official/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add n8n-io/skills --skill n8n-binary-and-data-official -a cursor2Manually: put the files in place
.cursor/skills/n8n-binary-and-data-official/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install n8n-io/skills n8n-binary-and-data-official2Manually: put the files in place
.github/skills/n8n-binary-and-data-official/SKILL.md1Skills CLI (Vercel)
npx skills add n8n-io/skills --skill n8n-binary-and-data-official -a gemini-cli2Platform CLI
gemini skills install https://github.com/n8n-io/skills --path skills/n8n-binary-and-data-officialManually: put the files in place
.devin/skills/n8n-binary-and-data-official/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add n8n-io/skills --skill n8n-binary-and-data-official -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about n8n-binary-and-data-official
How do I install n8n-binary-and-data-official in Claude?
Run npx skills add n8n-io/skills --skill n8n-binary-and-data-official -a claude-code. The skill file then lands at ~/.claude/skills/n8n-binary-and-data-official/SKILL.md.
What does n8n-binary-and-data-official do?
It explains file and binary handling in n8n: the $binary slot, producing and reading binary in a Code node, passing files to agent tools, and rendering images in chat.
Why doesn't my agent tool receive the uploaded file?
Tool parameters and results are JSON only, so binary does not survive that boundary. passthroughBinaryImages: true changes what the model sees, not what tools receive.
Source text
SKILL.md · Apache-2.0
---
name: n8n-binary-and-data-official
description: Use when handling files, images, attachments, or binary data in n8n, OR when an AI agent needs to take a user-uploaded file as tool input or return a generated file. For Data Tables (schemas, dedup, persistent state), see the separate n8n-data-tables-official skill. Triggers on "file", "image", "PDF", "attachment", "binary", "upload", "download", chat trigger with files, agent tool that needs a file, vision/multimodal, or any handling of non-JSON file data.
---
# n8n Binary and Data
n8n handles two kinds of data: JSON (in `$json`) and binary (in `$binary`), flowing side-by-side. Binary has sharp edges around agent tools, storage, and display contexts (chat surfaces, message rendering).
For tabular storage (Data Tables), see the **`n8n-data-tables-official`** skill.
## Non-negotiables
1. **Binary is in `$binary`, not `$json`.** Don't read file contents from `$json`.
2. **Binary cannot cross the agent tool boundary in either direction.** Tool parameters are JSON only (via `fromAi()`), and tool results are JSON only. Pre-stage binary in storage and pass keys/URLs through JSON. The agent's `passthroughBinaryImages: true` lets the LLM *see* uploaded images for vision, but it does NOT enable tools to receive them. See `references/AGENT_TOOL_BINARY.md`.
## Strong defaults
- **Merge nodes keep binary in context.** When a side computation strips binary, merge it back rather than re-fetching. See `references/MERGE_FOR_CONTEXT.md`.
## Binary basics
In n8n, each item has two slots:
```ts
{
json: { ... }, // your data
binary: { // your files
data: { // 'data' is the typical key; can be any name
data: '<base64>',
mimeType: 'application/pdf',
fileName: 'invoice.pdf',
fileExtension: 'pdf',
},
},
}
```
`$binary.<key>` reads the named property. Most file-handling nodes have a `binaryPropertyName` parameter, the key inside `$binary`.
### Setting binary
File-producing nodes (HTTP Request with binary response, Read Files, etc.) populate `$binary` automatically. To produce binary in a Code node:
```ts
return [{
json: { ... },
binary: {
data: {
data: Buffer.from(content).toString('base64'),
mimeType: 'text/plain',
fileName: 'output.txt',
},
},
}]
```
### Reading binary
```ts
// In a Code node
const buffer = await this.helpers.getBinaryDataBuffer(0, 'data')
const text = buffer.toString('utf-8')
```
Most workflows don't need to read binary directly. Pass it through to consumer nodes (email attachments, file uploads, etc.).
See `references/BINARY_BASICS.md` for more.
## Agent tool gymnastics
Agent tools (sub-workflows wired into an AI Agent node or a first-class n8n Agent, or workflows exposed as MCP tools) have a constraint: parameters and results are JSON, not binary. Affects both directions.
**Inbound (user uploads → tool consumes):** the chat trigger gives `files[]`. The agent can have `passthroughBinaryImages: true` for vision, but `fromAi()` can't pass binary to a tool. So:
1. Pre-stage uploaded files: hash a key, upload to private storage.
3. The tool's `fromAi('imageName', '...', 'string')` receives the key. The sub-workflow downloads from storage.
**Outbound (tool produces → agent returns):** a tool generates a file. It can't return raw binary.
1. Generate binary internally.
2. Upload to storage, get back URL/key.
3. Return JSON: `{ ok: true, file_id: '...', url: '...' }`.
4. The agent embeds the URL in its response, or another tool fetches by key.
For the full pattern including the async-via-webhook variant for long-running tools, see `references/AGENT_TOOL_BINARY.md`.
## Merge for keeping binary in context
A JSON-only operation (Edit Fields, Code, IF) often strips binary from the item. To keep it:
```
[Source with binary] ─┬─→ [Edit Fields: transform JSON] ─┐
│ ├─→ [Merge: by position] ─→ [Email with attachment]
└─────────────────────────────────────┘
```
Merge combines the streams, and binary survives. See `references/MERGE_FOR_CONTEXT.md`.
## CDN requirement for chat surfaces
When a workflow generates an image and the user wants it embedded in a chat message (Slack, Discord, Teams, Telegram, embedded webhook chat, etc.):
- **Binary on the item isn't enough.** Chat surfaces don't read `$binary`; they render messages that reference images by URL (or via platform-specific file upload APIs).
- **The image must live somewhere a URL can fetch.** Upload to a CDN or object store first.
- **The user configures this storage.** Not built into n8n.
Common options span object storage (S3, R2, GCS, Azure Blob, Vercel Blob, Supabase Storage) and drive-style services (Dropbox, Google Drive, OneDrive, Box). Ask the user what they use rather than defaulting to S3.
See `references/CDN_REQUIREMENT.md`.
## Data Tables
For Data Tables, see the **`n8n-data-tables-official`** skill. Distinct surface with its own gotchas (default columns, no foreign keys, no JSON column type, manual-mapping UI quirk).
## Reference files
| File | Read when |
|---|---|
| `references/BINARY_BASICS.md` | First time handling binary, or reading/writing the `$binary` slot |
| `references/AGENT_TOOL_BINARY.md` | Agent tool needs a user-uploaded file, or produces a file (the boundary in either direction) |
| `references/MERGE_FOR_CONTEXT.md` | Binary disappears after a JSON transform and needs to re-attach |
| `references/CDN_REQUIREMENT.md` | Showing images in a chat surface or other places that need URL-referenced images |
## Anti-patterns
| Anti-pattern | What goes wrong | Fix |
|---|---|---|
| Trying to read file content from `$json` | Binary isn't in `$json` | Use `$binary` |
| Building an agent tool that returns binary directly | Tool output is JSON-only, so binary doesn't survive | Upload to storage, return key/URL in JSON (see `AGENT_TOOL_BINARY.md`) |
| Trying to pass uploaded chat files into a tool via `fromAi` | `fromAi` doesn't carry binary, so the tool gets nothing | Pre-stage uploads to storage, inject keys in the system prompt, and have the tool download by key |
| Setting `passthroughBinaryImages: true` and assuming tools can now see the file | The flag only affects what the LLM sees, not what tools receive | Still need the upload-and-pass-key pattern for tools |
| Losing binary after a JSON transform | The transform's output item doesn't have binary | Use Merge to combine the JSON output with the binary stream |
| Storing image in n8n binary and expecting a chat surface to display | Chat surfaces need URL-accessible images (or a platform-native file upload), not raw `$binary` | Upload to CDN, embed URL or use the platform's file API |
| Hardcoding binary base64 in a Code node | Massive workflow JSON, slow, leaky | Reference binary via `$binary` properly, or upload to storage and reference by URL |
© n8n-io · Apache-2.0 · n8n-io/skills