N8n:agent Design Language

Design or review Agent Builder interfaces. Use for Agent configuration patterns, modal flows, responsive behavior, status treatments, and other Agent-only UI work.

1 minute · 80 words · 1 sections

Agent design language

Use this skill only for interface work in packages/frontend/editor-ui/src/features/agents.

Before you change code:

Read packages/frontend/editor-ui/src/features/agents/AGENTS.md.
Read completely.

N8n:agent Design Language · n8n-io/n8n · Skills Docs

packages/frontend/editor-ui/src/features/agents/agents-design-language.md

Colophon for this issue

Colophon

How this issue was made

Source

github.com/n8n-io/n8n, branch master, last pushed 24 September 2026.

Licence

Other — the text of every skill is reproduced unmodified, frontmatter included, under the upstream licence.

Discovery

43 skills found by walking the repository tree for SKILL.md, not by matching a directory convention. 5 distinct layouts observed: .agents/skills/*/SKILL.md, .claude/plugins/n8n/skills/*/SKILL.md, .opencode/skills/*/SKILL.md, packages/@n8n/cli/skills/*/SKILL.md, packages/@n8n/instance-ai/skills/*/SKILL.md.

Authorship

11 of 43 skills are installed into the repository rather than published from it. They are shelved in the closing “Credited skills” part and remain the work of their own authors. A skill counts as credited when its only copy lives under one agent’s dot directory; visible directories, per-agent mirror sets, and skills installable from this repository on skills.sh all count as published.

Issue colours

Resolved from a curated brand profile — hue 10°, chroma 0.190. Two accent tones are generated per issue and each is proven against its own ground before it ships: a single accent that passes AA on both light and dark paper is arithmetically impossible.

Heading repairs

1 repair applied to this skill so the document has one h1 and no skipped levels:

Shifted “1 heading” from h1 to h2 so the skill title is the only h1.

Spec compliance

52 editorial notes across 26 of 43 skills. They are printed in the margin of each skill rather than as errors here.

N8n:content Design — 2 notes
N8n:conventions — 2 notes
N8n:create Community Node Lint Rule — 2 notes
N8n:create Issue — 2 notes
N8n:create PR — 2 notes
N8n:create Skill — 2 notes
N8n:db Migrations — 2 notes
N8n:linear Issue — 2 notes
N8n:loom Transcript — 2 notes
N8n:node Add OAuth — 2 notes

and 16 more.

Images

Images inside a skill come from the upstream repository. Where the author gave no alternative text we mark the image decorative rather than inventing a description — a plausible caption we made up is worse than none for the reader who depends on it.

Marketplace

A plugin manifest is published at .claude/plugins/n8n/.claude-plugin/marketplace.json by n8n, declaring 1 plugin. It is read for editorial metadata only — never as the skill index, which is always the repository tree.

Signal

Install counts come from skills.sh. They measure downloads, not quality, and an unranked repository is not an unread one.

Agent surfaces

The whole issue is available as one markdown document at /n8n-io/n8n.md, and each skill at its own .md URL.

Publication

Set by Skills Docs from the source repository. Body text is Literata at the reader’s chosen size and measure; code is Geist Mono. Nothing on this page was written by us except this paragraph.