1.优化前的版本
1.1 工作流json文件
1.2 App builder 界面
1.3运行界面
2.优化版本
Marvel_Rivals优化终版20250206.json
2.1优化要点：
本次优化综合使用如下几点：
1.全局context变量进行各个state之间传递，设置output绑定全局变量
2.将数据进行json结构重组，然后进行动态获取对应数据
3.在target inputs里面将数据进行输入
将英雄和对应的技能列表以及技能提示词整合到json字符串中
{{{"Iron Man":{"skill1":"Iron Man, full body, firing energy shock cannon from his palm, bright blue energy beam shooting straight ahead, glowing energy trails, futuristic battlefield background, intense action pose, sharp focus on the cannon, HDR lighting, ultra high-quality texture details, photo-realistic, high-speed motion blur, glowing effects, cinematic shot, 8K UHD, dramatic lighting","skill2":"Iron Man, full body, charging and firing a concentrated energy beam from his palm, large glowing energy beam with intense light, battlefield filled with dynamic explosions, energy trails following the beam, cinematic lighting, futuristic sci-fi setting, photo-realistic textures, sharp focus on the energy blast, high-speed motion blur, 8K UHD, HDR lighting, intense colors, high-quality details","skill3":"Iron Man, full body, preparing to fire the invincible pulse cannon, large spherical glowing energy sphere charging up, futuristic battlefield with explosive energy shockwaves, intense blast wave pushing enemies back, glowing energy particles, HDR lighting, photo-realistic textures, sharp focus on the cannon's blast, 8K UHD, high-speed motion blur, dramatic effect, cinematic composition"},"Caption":{"skill1":"Captain America, full body, swinging energy shield in close combat, energy glow emanating from the shield edges, powerful and swift attack motion, dynamic battlefield background, sharp focus on the glowing shield, motion blur to emphasize speed, HDR lighting, photo-realistic textures, high-speed dynamic shot, 8K UHD, cinematic lighting, intense action ","skill2":"Captain America, full body, holding a glowing vibranium shield in front of him, energy barrier forming in front of his shield, bright blue energy light, glowing shield aura, cinematic battlefield backdrop, sharp focus on the glowing shield, dynamic defensive posture, HDR lighting, ultra-realistic textures, high-quality details, 8K UHD","skill3":"Captain America, full body, surrounded by blue glowing aura, shield raised, entering invincible state, powerful energy waves emanating from him, healing light surrounding him, cinematic battlefield background, HDR lighting, intense emotional energy, ultra-realistic textures, 8K UHD, dramatic lighting and focus on Captain's expression --v 5 --ar 16:9"},"Hawkeye":{"skill1":"Hawkeye, full body, pulling his bowstring, glowing charged arrow ready to release, intense focus, slow motion effect, vibrant energy trails, high-speed arrow, realistic textures on the bow, dynamic pose, futuristic battlefield background, cinematic lighting, HDR, sharp focus, photo-real, 8K UHD, ultra high quality, film grain, vibrant details, dramatic action shot, glowing effects","skill2":"Hawkeye, activating Falcon Vision, glowing visual effect with phantom enemies appearing in the air, residual energy trails connecting phantoms to real enemies, battlefield environment, intense focus on Hawkeye’s face, cinematic lighting, sci-fi aura, vibrant glowing effects, HDR lighting, photo-real, sharp focus, ultra high definition, 8K, dynamic pose, film grain, dramatic composition, glowing energy effects","skill3":"Hawkeye, drawing a katana in mid-combat, executing a half-moon slash, glowing energy trails following the blade, enemies being knocked into the air, battlefield filled with debris, dynamic lighting, sharp focus on his sword, red and purple glowing effects, cinematic background, intense action pose, HDR, ultra high quality, 8K UHD, film grain, photo-realistic style, dramatic shadows, vibrant details "},"Black Widow":{"skill1":"Black Widow, full body, performing widow stabbing attacks, fast and agile melee style, electric shock effect around fists, sparks splashing, high-speed movements, slight motion blur, photo realistic textures, emphasizing strong light release of energy, dramatic action shooting, battlefield background, 8K UHD","skill2":"Black Widow, full body, aiming Red Room Rifle, crosshair focused on a distant target, rifle barrel glowing slightly, intense focus on the rifle scope, subtle reflection of the battlefield in the scope lens, sharp details on the rifle's sleek design, photo-realistic textures, fast bullet trajectory, 8K UHD","skill3":"Black Widow, full body, charging energy in Red Room Rifle, energy buildup glowing at rifle's barrel, energy ball about to launch, slow-moving energy ball flying through the air, explosion effect upon impact, shockwave and fiery burst around enemies, radius of effect with enemies within blast zone, cinematic action scene, HDR lighting, 8K UHD"},"Black Panther":{"skill1":"Black Panther, full body, throwing his spear with a burst of black energy, spear flying through the air with energy trail, enemies getting hit with high-speed spear impact, black energy explosion on impact, glowing energy effects around the spear's flight path, cinematic action scene, intense lighting, 8K UHD","skill2":"Black Panther, full body, charging energy around, releasing a powerful energy wave in a ring around, enemies affected by the wave, enemies slowed by 30%, energy wave glowing with black and purple hues, explosion of energy expanding outward, cinematic action, dramatic lighting, 8K UHD","skill3":"Black Panther, full body, charging forward with black energy swirling around, high-speed dash through enemies, enemies being hit and knocked back with black energy shockwave, dynamic blur effect, impact of collision with enemies, dramatic lighting with focus on the dash and energy, 8K UHD"},"Spider Man":{"skill1":"Spider-Man, full body, performing powerful fist punches with fluid and agile movement, glowing punch trails, light breeze effect from rapid punches, striking with quick successive punches, slight wind effects from fist movement, dynamic action, dramatic lighting emphasizing speed and force, 8K UHD","skill2":"Spider-Man, full body, launching a webshot bomb in slow motion, spherical webshot with sticky energy, explosion of web and energy on impact, web explosion radius affecting multiple enemies, enemies slowing down in the explosion area, bright webbing effects, cinematic lighting highlighting the web and explosion, 8K UHD","skill3":"Spider-Man, full body, shooting a large web net that expands in a fan shape, web net clinging to obstacles, enemies trapped in the web unable to move, glowing webbing, web suspension in air, cinematic lighting with focus on the web's intricate design, enemies struggling within the trap, 8K UHD"},"Doctor Strange":{"skill1":"Doctor Strange, full body, casting magical claw-shaped attack, emitting glowing mystical runes, fast-moving claw attack with magical energy trail, striking towards enemies with bright arcane light, dynamic action with glowing magic effects, dramatic lighting emphasizing the magical power, 8K UHD","skill2":"Doctor Strange, full body, summoning the Eye of Agamotto in the center of a magic circle, magical eye radiating powerful mystical energy, enemies trapped inside suffering damage and slowed, glowing magic effects from the eye and surrounding runes, cinematic lighting highlighting the eye and magic aura, 8K UHD ","skill3":"Doctor Strange, full body, floating in the air with the levitating cloak, surrounded by swirling mystical energy, glowing blue cloak fluttering in the air, enhanced movement speed with light trails, cinematic atmosphere with dynamic lighting reflecting the cloak's magic, 8K UHD"},"Scarlet Witch":{"skill1":"Scarlet Witch, full body, surrounded by a chaotic magical aura as her health is low, glowing red energy surging around her with fluctuating intensity, mystical energy pulsing stronger as her magic power increases, cinematic lighting focusing on the chaotic effect, 8K UHD ","skill2":"Scarlet Witch, full body, two hands， levitating an enemy or object with telekinetic powers, glowing red magical energy enveloping the target, enemy or object suspended in the air, moving towards a specified location, cinematic lighting with dynamic magical effects, 8K UHD ","skill3":"Scarlet Witch, full body, casting a dark energy beam towards an enemy, a glowing dark seal forming on the enemy’s body, magical energy pulsing around the seal, enemies affected with dark aura, cinematic lighting with emphasis on the seal's glowing power, 8K UHD "}}}}
2.设置一些全局变量进行数据承接和传递
3.在每个英雄button后面的target inputs里面将第二层界面的欢迎词以及图片传递过去
4.在技能列表的state页面将页面的英雄，欢迎图，技能进行全局绑定和输出（Input元素是非用户输入）
5.向后传递技能提示词数据的时候通过变量进行获取
6.在生图的state里面也将技能传入全局变量
