创建时间: 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": [
{
"point_code": "",
"id": "step_1_intent_analyzer",
"result": [],
"api_code": "intent_analyzer",
"backend_type": "prompt_api",
"status": "PENDING",
"name": "意图深度解析",
"action": "run",
"params": {
"raw_requirement": "{{@input.raw_requirement}}"
}
},
{
"point_code": "",
"id": "step_2_structure_planner",
"result": [],
"backend_type": "prompt_api",
"api_code": "miniapp_ui_structure_planner",
"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"
]
},
{
"point_code": "",
"id": "step_3_style_layout_definer",
"result": [],
"backend_type": "prompt_api",
"api_code": "global_style_and_layout_definer",
"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"
]
},
{
"point_code": "",
"id": "step_4_prompt_builder",
"result": [],
"backend_type": "prompt_api",
"api_code": "single_canvas_ui_prompt_builder",
"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"
]
},
{
"point_code": "1",
"id": "step_5_generate_image",
"result": [],
"backend_type": "sys_api",
"api_code": "3373",
"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"
]
},
{
"point_code": "",
"id": "step_6_poll_image_status",
"result": [],
"backend_type": "sys_api",
"api_code": "polling",
"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'"
}
},
{
"point_code": "",
"id": "step_7_consistency_evaluator",
"result": [],
"backend_type": "prompt_api",
"api_code": "ui_consistency_evaluator",
"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 秒自动轮询一次运行状态并可视化工作流步骤,适合耗时较长的工作流。
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
task_id,再轮询查询任务状态与结果。下方按调用顺序列出两个端点。 https://route.showapi.com/private/flow/execute/{flow_id}?appKey={AppKey}https://route.showapi.com/flow/task/query/{task_id}?appKey={AppKey}执行中途出错时
status 返回 FAILED, remark 给出错误信息; step_status_list 仅包含已执行到的部分阶段, output 为已产出的部分结果(可能为空或不完整)。
所有 API 响应均使用平台统一封装,业务数据嵌套在 showapi_res_body 中

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

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

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

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