8
n8n 中文网amn8n.com

使用任意 LLM 模型生成 AI 驱动的 UX/UI 原型名称(模板)

中级

这是一个Content Creation, Miscellaneous, Multimodal AI领域的自动化工作流,包含 9 个节点。主要使用 Code, Webhook, Agent, RespondToWebhook, LmChatOpenAi 等节点。 使用 OpenAI 为 UX/UI 原型生成多样化名称

前置要求
  • HTTP Webhook 端点(n8n 会自动生成)
  • OpenAI API Key
工作流预览
可视化展示节点连接关系,支持缩放和平移
导出工作流
复制以下 JSON 配置到 n8n 导入,即可使用此工作流
{
  "id": "ENCyyiKrIdlmcYTk",
  "meta": {
    "instanceId": "506e1eb999b7a8cf86103921b3e1b94e371534d9bae39d44754933678dc6697d",
    "templateCredsSetupCompleted": true
  },
  "name": "使用任意 LLM 模型生成 AI 驱动的 UX/UI 原型名称(模板)",
  "tags": [
    {
      "id": "XnTVyrQY30pP85Ic",
      "name": "Personal",
      "createdAt": "2025-07-07T12:25:22.847Z",
      "updatedAt": "2025-07-07T12:25:22.847Z"
    }
  ],
  "nodes": [
    {
      "id": "9b60f8d7-3dab-4343-8d75-da64a798e273",
      "name": "主模板说明",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -1136,
        256
      ],
      "parameters": {
        "width": 700,
        "height": 1316,
        "content": "# 描述"
      },
      "typeVersion": 1
    },
    {
      "id": "feb931d7-b708-4d4c-8477-3b2ed547263d",
      "name": "Webhook 输入说明",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -304,
        272
      ],
      "parameters": {
        "color": 4,
        "width": 400,
        "height": 128,
        "content": "## Webhook 输入处理"
      },
      "typeVersion": 1
    },
    {
      "id": "e1c1a53b-2f3e-44e8-ade2-d66e90da4d0d",
      "name": "AI 生成说明",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        176,
        272
      ],
      "parameters": {
        "color": 3,
        "width": 400,
        "height": 128,
        "content": "## AI 名称生成"
      },
      "typeVersion": 1
    },
    {
      "id": "b958e180-b34f-4d77-bc0a-82e65133ef4f",
      "name": "响应格式化说明",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        656,
        272
      ],
      "parameters": {
        "color": 5,
        "width": 400,
        "height": 128,
        "content": "## 响应格式化"
      },
      "typeVersion": 1
    },
    {
      "id": "4deb7a89-e0bc-48c8-bca2-12cbb1f00fc1",
      "name": "Webhook 触发器(名称请求)",
      "type": "n8n-nodes-base.webhook",
      "position": [
        -112,
        432
      ],
      "webhookId": "generate-names",
      "parameters": {
        "path": "generate-names",
        "options": {},
        "httpMethod": "POST",
        "responseMode": "responseNode"
      },
      "typeVersion": 2
    },
    {
      "id": "6a42f135-a198-4da6-b588-5f3f373b9e7d",
      "name": "AI 名称生成器代理",
      "type": "@n8n/n8n-nodes-langchain.agent",
      "position": [
        240,
        432
      ],
      "parameters": {
        "text": "={{ $json.body.reference_name ? \n   'Generate ' + $json.body.count + ' ' + $json.body.gender + ' names similar in style to: \"' + $json.body.reference_name + '\"' \n   : 'Generate ' + $json.body.count + ' random ' + $json.body.gender + ' names' }}",
        "options": {
          "systemMessage": "=Current date and time: {{$now}}\n\n# Overview\nYou are a UX/UI naming expert who generates diverse, realistic names that designers use in mockups, personas, prototypes, and user interface examples.\n\n# Task\nGenerate culturally diverse names from all continents that UX/UI designers would use in their work. Names should be:\n- Realistic and professional\n- Culturally authentic and respectful\n- Suitable for user personas, mockups, and prototypes\n- Representative of global diversity\n- Easy to pronounce and remember\n\n## Name Distribution by Region\nInclude names from:\n- **North America**: English, Spanish, French Canadian, Indigenous\n- **South America**: Spanish, Portuguese, Indigenous variants\n- **Europe**: Nordic, Germanic, Romance, Slavic, Celtic\n- **Africa**: West African, East African, North African, South African\n- **Asia**: East Asian, Southeast Asian, South Asian, Middle Eastern\n- **Oceania**: Australian, Polynesian, Melanesian, Micronesian\n\n## UX/UI Context Examples\nNames should work well in:\n- User persona profiles\n- Customer testimonials in mockups\n- User account examples\n- Team member listings\n- Contact forms and directories\n- App user interfaces\n- Website testimonials\n\n## Output Format\n- Generate exactly {{ $json.body.count }} names\n- Return ONLY names, one per line\n- \"First Last\" format\n- NO numbering or extra text\n- Ensure continental diversity across the full list\n\nExample output:\nChen Wei-Ming\nSofia Andersson\nRaj Patel\nIsabella Rodriguez"
        },
        "promptType": "define"
      },
      "typeVersion": 2
    },
    {
      "id": "1408c494-f7f0-4223-affd-44b1eeae6790",
      "name": "OpenAI GPT-4.1 Mini",
      "type": "@n8n/n8n-nodes-langchain.lmChatOpenAi",
      "position": [
        64,
        656
      ],
      "parameters": {
        "model": {
          "__rl": true,
          "mode": "list",
          "value": "gpt-4.1-mini"
        },
        "options": {
          "maxTokens": 150,
          "temperature": 0.7
        }
      },
      "credentials": {
        "openAiApi": {
          "id": "mvWns3smwtPV0N7O",
          "name": "Dummy OpenAI"
        }
      },
      "typeVersion": 1.2
    },
    {
      "id": "8fd94983-793e-418c-90ab-5955b92d5578",
      "name": "格式化名称结果",
      "type": "n8n-nodes-base.code",
      "position": [
        656,
        432
      ],
      "parameters": {
        "jsCode": "// Get the AI output\nconst aiOutput = $input.first().json.output || $input.first().json.text;\n\nconsole.log('Raw AI Output:', aiOutput);\n\nif (!aiOutput) {\n  return {\n    json: {\n      success: false,\n      error: \"No output from AI\",\n      names: []\n    }\n  };\n}\n\n// Split the names into an array\nlet names = [];\n\ntry {\n  // Split by lines and clean up\n  names = aiOutput.toString()\n    .split('\\n')\n    .map(line => line.trim())\n    .filter(line => line.length > 0)\n    .map(line => {\n      // Remove numbering if present (1. 2. etc.)\n      let cleaned = line.replace(/^\\d+[\\.\\)]\\s*/, '');\n      return cleaned.trim();\n    })\n    .filter(name => name.length > 0 && name.length < 50); // Filter out overly long responses\n  \n} catch (error) {\n  console.error('Error parsing names:', error);\n  return {\n    json: {\n      success: false,\n      error: \"Failed to parse names\",\n      names: []\n    }\n  };\n}\n\n// Return structured response for easy integration\nreturn {\n  json: {\n    success: true,\n    names: names,\n    count: names.length,\n    generated_at: new Date().toISOString(),\n    request_params: {\n      gender: $('Webhook Trigger (Name Request)').item.json.body.gender,\n      requested_count: $('Webhook Trigger (Name Request)').item.json.body.count,\n      reference_name: $('Webhook Trigger (Name Request)').item.json.body.reference_name || null\n    }\n  }\n};"
      },
      "typeVersion": 2
    },
    {
      "id": "a0544c45-089c-4f97-8a59-12ea041fa84b",
      "name": "返回名称响应",
      "type": "n8n-nodes-base.respondToWebhook",
      "position": [
        928,
        432
      ],
      "parameters": {
        "options": {},
        "respondWith": "json",
        "responseBody": "={{ $json }}"
      },
      "typeVersion": 1.4
    }
  ],
  "active": false,
  "pinData": {},
  "settings": {
    "executionOrder": "v1"
  },
  "versionId": "26e8803f-c519-494c-867c-6e88ebdf6553",
  "connections": {
    "Format Name Results": {
      "main": [
        [
          {
            "node": "Return Names Response",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "OpenAI GPT-4.1 Mini": {
      "ai_languageModel": [
        [
          {
            "node": "AI Name Generator Agent",
            "type": "ai_languageModel",
            "index": 0
          }
        ]
      ]
    },
    "AI Name Generator Agent": {
      "main": [
        [
          {
            "node": "Format Name Results",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "Webhook Trigger (Name Request)": {
      "main": [
        [
          {
            "node": "AI Name Generator Agent",
            "type": "main",
            "index": 0
          }
        ]
      ]
    }
  }
}
常见问题

如何使用这个工作流?

复制上方的 JSON 配置代码,在您的 n8n 实例中创建新工作流并选择「从 JSON 导入」,粘贴配置后根据需要修改凭证设置即可。

这个工作流适合什么场景?

中级 - 内容创作, 杂项, 多模态 AI

需要付费吗?

本工作流完全免费,您可以直接导入使用。但请注意,工作流中使用的第三方服务(如 OpenAI API)可能需要您自行付费。

工作流信息
难度等级
中级
节点数量9
分类3
节点类型6
难度说明

适合有一定经验的用户,包含 6-15 个节点的中等复杂度工作流

作者
Dahiana

Dahiana

@mssporto

No-Code Specialist with more than 10 years of experience in Digital Marketing. Currently working with Bubble. Webflow, AI, Agents and N8N.

外部链接
在 n8n.io 查看

分享此工作流