Agent Skills
› n8n-io/n8n
› n8n:agent-design-language
n8n:agent-design-language
GitHub用于Agent Builder界面设计与审查的Skill，涵盖配置模式、弹窗流程及响应式行为。仅限修改agents功能模块代码，需遵循设计语言规范并同步更新文档与测试。
触发场景
Agent界面UI开发
Agent组件重构
Agent交互逻辑调整
安装
npx skills add n8n-io/n8n --skill n8n:agent-design-language -g -y
SKILL.md
Frontmatter
{
"name": "n8n:agent-design-language",
"description": "Design or review Agent Builder interfaces. Use for Agent configuration patterns, modal flows, responsive behavior, status treatments, and other Agent-only UI work."
}
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.mdcompletely. - 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.
版本历史
- 8ff280e 当前 2026-09-28 20:44
