创建时间: 2026-06-25 15:56 | 步骤: 7 个
深度解析用户关于小程序UI组图生成的需求,规避拼接与风格不一致痛点,通过单画布排版坐标逻辑、全局样式锁定及精准英文提示词,在单一图像内直接生成包含多个UI界面的完整小程序设计稿组图,并执行一致性逻辑校验,确保高保真、排版规整、风格绝对一致的端到端交付。
{
"workflow_id": "miniapp_single_canvas_ui_group_generator",
"input": {
"brand_style_preference": {
"field_name": "brand_style_preference",
"default": "主色#1890ff,现代简约风格",
"description": "品牌视觉基础要求(如主色调、风格定位),若无指定系统将默认采用Ant Design / Apple HIG 风格",
"example": "主色#1890ff,现代简约风格",
"type": "string",
"required": false
},
"layout_preference": {
"field_name": "layout_preference",
"default": "3列网格排列",
"description": "用户指定的排版偏好(如3列网格排列、横向排列等),若无指定系统将自动采用等距网格布局",
"example": "4列网格排列",
"type": "string",
"required": false
},
"raw_requirement": {
"field_name": "raw_requirement",
"default": "",
"description": "用户关于小程序UI组图生成的自然语言需求描述,包含业务类型、所需界面列表、排版偏好等",
"example": "一个厨艺和美食分享微信小程序",
"type": "string",
"required": true
},
"aspect_ratio": {
"field_name": "aspect_ratio",
"default": "4:3",
"description": "最终生成组图的宽高比例,可选值:1:1、3:4、4:3、16:9、9:16",
"example": "16:9",
"type": "string",
"required": false
}
},
"steps": [
{
"id": "step_1_intent_analyzer",
"point_code": "",
"result": [],
"api_code": "intent_analyzer",
"backend_type": "prompt_api",
"status": "PENDING",
"name": "意图深度解析",
"action": "run",
"params": {
"raw_requirement": "{{@input.raw_requirement}}"
}
},
{
"id": "step_2_structure_planner",
"point_code": "",
"result": [],
"api_code": "miniapp_ui_structure_planner",
"backend_type": "prompt_api",
"status": "PENDING",
"name": "页面结构与组件树规划",
"action": "run",
"params": {
"extended_requirements": "{{@step_1_intent_analyzer.result.data.extended_requirements}}",
"structured_intent": "{{@step_1_intent_analyzer.result.data.result}}"
},
"depends_on": [
"step_1_intent_analyzer"
]
},
{
"id": "step_3_style_layout_definer",
"point_code": "",
"result": [],
"api_code": "global_style_and_layout_definer",
"backend_type": "prompt_api",
"status": "PENDING",
"name": "全局样式与排版坐标定义",
"action": "run",
"params": {
"brand_style_preference": "{{@input.brand_style_preference}}",
"success_criteria": "{{@step_1_intent_analyzer.result.data.success_criteria}}",
"layout_preference": "{{@input.layout_preference}}",
"structured_intent": "{{@step_1_intent_analyzer.result.data.result}}"
},
"depends_on": [
"step_1_intent_analyzer"
]
},
{
"id": "step_4_prompt_builder",
"point_code": "",
"result": [],
"api_code": "single_canvas_ui_prompt_builder",
"backend_type": "prompt_api",
"status": "PENDING",
"name": "单画布精准提示词构建",
"action": "run",
"params": {
"global_design_tokens": "{{@step_3_style_layout_definer.result.data.global_design_tokens}}",
"success_criteria": "{{@step_1_intent_analyzer.result.data.success_criteria}}",
"page_structure_list": "{{@step_2_structure_planner.result.data.page_structure_list}}",
"canvas_layout_parameters": "{{@step_3_style_layout_definer.result.data.canvas_layout_parameters}}"
},
"depends_on": [
"step_2_structure_planner",
"step_3_style_layout_definer",
"step_1_intent_analyzer"
]
},
{
"id": "step_5_generate_image",
"point_code": "1",
"result": [],
"api_code": "3373",
"backend_type": "sys_api",
"status": "PENDING",
"name": "单画布组图渲染生成",
"action": "run",
"params": {
"prompt": "{{@step_4_prompt_builder.result.data.result}}",
"aspect_ratio": "{{@input.aspect_ratio}}"
},
"depends_on": [
"step_4_prompt_builder"
]
},
{
"id": "step_6_poll_image_status",
"point_code": "",
"result": [],
"api_code": "polling",
"backend_type": "sys_api",
"status": "PENDING",
"name": "轮询组图生成状态",
"action": "run",
"params": {
"result_url": "{{@step_5_generate_image.result.data.result_url}}"
},
"depends_on": [
"step_5_generate_image"
],
"polling": {
"interval_seconds": 5,
"timeout_seconds": 600,
"success_condition": "{{@step_6_poll_image_status.result.data.task_status}} === 'SUCCEEDED'"
}
},
{
"id": "step_7_consistency_evaluator",
"point_code": "",
"result": [],
"api_code": "ui_consistency_evaluator",
"backend_type": "prompt_api",
"status": "PENDING",
"name": "UI组图一致性逻辑校验",
"action": "run",
"params": {
"optimized_en_prompt": "{{@step_4_prompt_builder.result.data.result}}",
"success_criteria": "{{@step_1_intent_analyzer.result.data.success_criteria}}",
"canvas_layout_parameters": "{{@step_3_style_layout_definer.result.data.canvas_layout_parameters}}"
},
"depends_on": [
"step_4_prompt_builder",
"step_1_intent_analyzer",
"step_3_style_layout_definer",
"step_6_poll_image_status"
]
}
],
"output": {
"refinement_suggestions": {
"field_name": "refinement_suggestions",
"description": "若校验发现风险,提供的改进建议或兜底降级策略",
"value": "{{@step_7_consistency_evaluator.result.data.refinement_suggestions}}",
"type": "array"
},
"evaluation_report": {
"field_name": "evaluation_report",
"description": "组图一致性逻辑校验评估报告(包含风格、排版、规范符合度评分及风险识别)",
"value": "{{@step_7_consistency_evaluator.result.data.evaluation_report}}",
"type": "object"
},
"consistency_score": {
"field_name": "consistency_score",
"description": "组图一致性各维度评分(风格一致性、排版一致性、规范符合度、整体就绪度)",
"value": "{{@step_7_consistency_evaluator.result.data.consistency_score}}",
"type": "object"
},
"page_structure_list": {
"field_name": "page_structure_list",
"description": "规划生成的页面结构清单(包含各页面ID、名称、核心组件、布局类型)",
"value": "{{@step_2_structure_planner.result.data.page_structure_list}}",
"type": "array"
},
"final_image_url": {
"field_name": "final_image_url",
"description": "最终生成的单画布多界面小程序UI组图URL",
"value": "{{@step_6_poll_image_status.result.data.result_url}}",
"type": "string"
}
}
} 提交后立即返回 task_id,系统每 2 秒自动轮询一次运行状态并可视化执行步骤,适合耗时较长的 Skill。
brand_style_preferencestring品牌视觉基础要求(如主色调、风格定位),若无指定系统将默认采用Ant Design / Apple HIG 风格
layout_preferencestring用户指定的排版偏好(如3列网格排列、横向排列等),若无指定系统将自动采用等距网格布局
raw_requirement必填string用户关于小程序UI组图生成的自然语言需求描述,包含业务类型、所需界面列表、排版偏好等
aspect_ratiostring最终生成组图的宽高比例,可选值:1:1、3:4、4:3、16:9、9:16
把这个 Skill 接入你的应用或 AI Agent —— 自带 REST API、OpenAPI 规范与 Agent 技能包。
下载技能包导入 AI Agent 客户端,即可作为技能使用
appKey={AppKey},与 API 文档一致。Agent 技能包接入教程 帮助文档
不知道如何接入?跟随图文步骤一步步完成配置
不同 Agent 客户端对技能包名称格式有不同要求,请选择你使用的客户端下载对应版本。
WorkBuddy
腾讯 Agent 客户端
DuMate
EN百度智能体 · 英文名称
阿里悟空
EN阿里 Agent · 英文名称
QoderWork CN
EN编程智能体 · 英文名称
QwenPaw
通义千问 Agent
Trae Work
字节跳动 Agent
有道 LobsterAI
网易有道智能体
智谱 AutoClaw
智谱 AI Agent
CodeX
ENCodex AI Agent
标注 EN 的客户端要求 Skill 英文命名,其余使用中文命名版本。

7*24小时服务
保证您的售后无忧

1v1专属服务
保证服务质量

担保交易
全程担保交易保证资金安全

服务全程监管
全周期保证商品服务质量
© 2015-2023 WWW.SHOWAPI.COM ALL RIGHTS RESERVED.昆明秀派科技有限公司
本网站所列接口及文档全部由SHOWAPI网站提供,并对其拥有最终解释权 POWERED BY SHOWAPI