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
安装命令
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.

发现
标签

此技能尚未发布标签。

版本
最新版本元数据

版本

v2026.09.24

发布时间

2026年9月24日

分类

未分类

许可证

NOASSERTION

源路径

.agents/skills/agent-design-language

默认分支

master

最新提交

44471d1

Tree SHA

15f2c0c