skilld
All skills
n8n-io avatar

/agent-design-language

@042d167 official
by n8n - Workflow Automationn8n-io/n8n206k stars
60,960

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

Ask your Agent

Use this Skill: https://skilld.dev/gh/n8n-io/n8n/agent-design-language

This session only. Nothing lands on disk.

SKILL.md

≈47 tokens always: the name and description. ≈189 when used: this file.

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.

Source: SKILL.md on GitHub

Third-party checks

No third-party reports yet.

Provenance

Signed by skilld at 042d167. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 20 hours ago.

Activeupdated last week

README badge

README badge for n8n-io/n8n/agent-design-language