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.

Invalid

This skill can't be scored yet

Validation errors are blocking scoring. Review and fix them to unlock Quality, Impact and Security scores. See what needs fixing →

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 packages/frontend/editor-ui/src/features/agents/agents-design-language.md completely.
Use ui-design for visual implementation rules.
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.

Repository: n8n-io/n8n
Path: .agents/skills/agent-design-language/SKILL.md
Commit: 0e1c754

Last updated: 14 hours ago
First committed: 14 days ago

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.