n8n:agent-design-language

v2026.09.24

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

GitHub
Install command
npx skhub add n8n-io/n8n-agent-design-language
Markdown
SKILL.md

Agent design language

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

Before you change code:

  1. Read packages/frontend/editor-ui/src/features/agents/AGENTS.md.
  2. Read packages/frontend/editor-ui/src/features/agents/agents-design-language.md completely.
  3. Use ui-design for visual implementation rules.
  4. Use content-design when you add or change UI text.

Keep Agent-specific components in the Agent feature. Do not change the Design System unless the user explicitly asks for this change.

Update the design language document when you establish a reusable Agent interface pattern. Add or update tests for the behavior that you change.

Discovery
Tags

No tags published for this skill.

Version
Latest version metadata

Version

v2026.09.24

Published

Sep 24, 2026

Category

Uncategorized

License

NOASSERTION

Source path

.agents/skills/agent-design-language

Default branch

master

Latest commit

44471d1

Tree SHA

15f2c0c