使用任意 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)可能需要您自行付费。
相关工作流推荐
使用OpenAI和n8n从URL、文本和PDF进行AI内容摘要
使用OpenAI GPT-4.1-mini从URL、文本和PDF汇总内容
If
Set
Switch
+8
47 节点Dahiana
杂项
批量SEO内容生成与带AI图片的Webflow草稿创建(模板)
使用GPT、Gemini图片和Webflow草稿创建进行批量SEO内容生成
If
Set
Code
+18
54 节点Dahiana
内容创作
使用 YouTube Transcript API 提取 YouTube 视频字幕
通过Google Sheets或API Webhook提取YouTube字幕
Code
Webhook
Http Request
+4
13 节点Dahiana
市场调研
使用PageSpeed Insights监控网站性能并保存到Google Sheets并发送警报
使用PageSpeed Insights监控网站性能,发送警报到Google Sheets
If
Set
Code
+8
20 节点Dahiana
开发运维
内容生成器
基于AI的社交媒体内容生成器,采用GPT-4模型的策略方法
Set
Code
Webhook
+6
22 节点inderjeet Bhambra
内容创作
使用 OpenAI、LangChain 和 API 集成的工作流自动化初学者指南
使用 OpenAI、LangChain 和 API 集成的工作流自动化初学者指南
If
Set
Code
+13
33 节点Meelioo
内容创作
工作流信息
难度等级
中级
节点数量9
分类3
节点类型6
作者
Dahiana
@mssportoNo-Code Specialist with more than 10 years of experience in Digital Marketing. Currently working with Bubble. Webflow, AI, Agents and N8N.
外部链接
在 n8n.io 查看 →
分享此工作流