Interaction2Code
[ASE 2025] Benchmarking MLLM-based Interactive Webpage Code Generation from Interactive Prototyping
File Explorer
Download Latest Version (.zip)- benchmark.png
- distribution.png
- example.png
- failure_type1.png
- failure_type2.png
- framework.png
- logo.png
- video.mov
- anno_interaction.py
- anno_mark.py
- chromedriver
- calculate_metric.py
- git-diff-lines
- metric_utils.py
- generate.py
- key.json
- mllm_utils.py
- prompt.py
- 0.png
- 0_mark.png
- 1.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- generated.html
- placeholder.jpg
- Figure11_plot_scale.py
- Figure4_plot.py
- compare_cot_prompt_claude.json
- compare_cot_prompt_gemini.json
- compare_cot_prompt_gpt.json
- compare_cot_prompt_qwen-vl-3B.json
- compare_cot_prompt_qwen-vl-72B.json
- compare_cot_prompt_qwen-vl-7B.json
- compare_direct_prompt_claude.json
- compare_direct_prompt_gpt.json
- compare_direct_prompt_qwen-vl-3B.json
- compare_direct_prompt_qwen-vl-72B.json
- compare_direct_prompt_qwen-vl-7B.json
- compare_mark_prompt_claude.json
- compare_mark_prompt_gemini.json
- compare_mark_prompt_gpt.json
- compare_mark_prompt_qwen-vl-3B.json
- compare_mark_prompt_qwen-vl-72B.json
- compare_mark_prompt_qwen-vl-7B.json
- failure_cot_prompt_claude.json
- failure_cot_prompt_gemini.json
- failure_cot_prompt_gpt.json
- failure_cot_prompt_qwen-vl-3B.json
- failure_cot_prompt_qwen-vl-72B.json
- failure_cot_prompt_qwen-vl-7B.json
- failure_direct_prompt_claude.json
- failure_direct_prompt_gemini.json
- failure_direct_prompt_gpt.json
- failure_direct_prompt_qwen-vl-3B.json
- failure_direct_prompt_qwen-vl-72B.json
- failure_direct_prompt_qwen-vl-7B.json
- failure_mark_prompt_claude.json
- failure_mark_prompt_gemini.json
- failure_mark_prompt_gpt.json
- failure_mark_prompt_qwen-vl-3B.json
- failure_mark_prompt_qwen-vl-72B.json
- failure_mark_prompt_qwen-vl-7B.json
- claude1.pdf
- claude2.pdf
- claude3.pdf
- gemini1.pdf
- gemini2.pdf
- gemini3.pdf
- gpt1.pdf
- gpt2.pdf
- gpt3.pdf
- qwen3B_failure.pdf
- qwen72B_failure.pdf
- qwen7B_failure.pdf
- anno_compare.py
- anno_failure.py
- Figure6_plot_compare.py
- Figure6_plot_use_rate.py
- Figure9_plot_failure.py
- README.md
- 0.png
- 0_mark.png
- 1.png
- 10.png
- 10_mark.png
- 11.png
- 11_mark.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- 8.png
- 8_mark.png
- 9.png
- 9_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- interaction_5.png
- interaction_6.png
- 0.png
- 0_mark.png
- 1.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- 8.png
- 8_mark.png
- 9.png
- 9_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- interaction_5.png
- 0.png
- 0_mark.png
- 1.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- .action.json.swp
- 0.png
- 0_mark.png
- 1.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- 8.png
- 8_mark.png
- 9.png
- 9_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- interaction_5.png
- 0.png
- 0_mark.png
- 1.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- 8.png
- 8_mark.png
- 9.png
- 9_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- interaction_5.png
- 0.png
- 0_mark.png
- 1.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- 0.png
- 0_mark.png
- 1.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- 0.png
- 0_mark.png
- 1.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- 8.png
- 8_mark.png
- 9.png
- 9_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- interaction_5.png
- 0.png
- 0_mark.png
- 1.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- 8.png
- 8_mark.png
- 9.png
- 9_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- interaction_5.png
- 0.png
- 0_mark.png
- 1.png
- 10.png
- 10_mark.png
- 11.png
- 11_mark.png
- 12.png
- 12_mark.png
- 13.png
- 13_mark.png
- 14.png
- 14_mark.png
- 15.png
- 15_mark.png
- 16.png
- 16_mark.png
- 17.png
- 17_mark.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- 8.png
- 8_mark.png
- 9.png
- 9_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- interaction_5.png
- interaction_6.png
- interaction_7.png
- interaction_8.png
- interaction_9.png
- 0.png
- 0_mark.png
- 1.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- 8.png
- 8_mark.png
- 9.png
- 9_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- interaction_5.png
- 0.png
- 0_mark.png
- 1.png
- 10.png
- 10_mark.png
- 11.png
- 11_mark.png
- 12.png
- 12_mark.png
- 13.png
- 13_mark.png
- 14.png
- 14_mark.png
- 15.png
- 15_mark.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- 8.png
- 8_mark.png
- 9.png
- 9_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- interaction_5.png
- interaction_6.png
- interaction_7.png
- interaction_8.png
- 0.png
- 0_mark.png
- 1.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- 0.png
- 0_mark.png
- 1.png
- 10.png
- 10_mark.png
- 11.png
- 11_mark.png
- 12.png
- 12_mark.png
- 13.png
- 13_mark.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- 8.png
- 8_mark.png
- 9.png
- 9_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- interaction_5.png
- interaction_6.png
- interaction_7.png
- 0.png
- 0_mark.png
- 1.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- 8.png
- 8_mark.png
- 9.png
- 9_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- interaction_5.png
- 0.png
- 0_mark.png
- 1.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- 8.png
- 8_mark.png
- 9.png
- 9_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- interaction_5.png
- 0.png
- 0_mark.png
- 1.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- 8.png
- 8_mark.png
- 9.png
- 9_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- interaction_5.png
- 0.png
- 0_mark.png
- 1.png
- 10.png
- 10_mark.png
- 11.png
- 11_mark.png
- 12.png
- 12_mark.png
- 13.png
- 13_mark.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- 8.png
- 8_mark.png
- 9.png
- 9_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- interaction_5.png
- interaction_6.png
- interaction_7.png
- 1.png
- 10.png
- 10_mark.png
- 11.png
- 11_mark.png
- 12.png
- 12_mark.png
- 13.png
- 13_mark.png
- 14.png
- 14_mark.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- 8.png
- 8_mark.png
- 9.png
- 9_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- interaction_5.png
- interaction_6.png
- interaction_7.png
- 0.png
- 0_mark.png
- 1.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- 8.png
- 8_mark.png
- 9.png
- 9_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- interaction_5.png
- 0.png
- 0_mark.png
- 1.png
- 10.png
- 10_mark.png
- 11.png
- 11_mark.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- 8.png
- 8_mark.png
- 9.png
- 9_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- interaction_5.png
- interaction_6.png
- 0.png
- 0_mark.png
- 1.png
- 10.png
- 10_mark.png
- 11.png
- 11_mark.png
- 12.png
- 12_mark.png
- 13.png
- 13_mark.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- 8.png
- 8_mark.png
- 9.png
- 9_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- interaction_5.png
- interaction_6.png
- interaction_7.png
- 0.png
- 0_mark.png
- 1.png
- 10.png
- 10_mark.png
- 11.png
- 11_mark.png
- 12.png
- 12_mark.png
- 13.png
- 13_mark.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- 8.png
- 8_mark.png
- 9.png
- 9_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- interaction_5.png
- interaction_6.png
- interaction_7.png
- 0.png
- 0_mark.png
- 1.png
- 10.png
- 10_mark.png
- 11.png
- 11_mark.png
- 12.png
- 12_mark.png
- 13.png
- 13_mark.png
- 14.png
- 14_mark.png
- 15.png
- 15_mark.png
- 16.png
- 16_mark.png
- 17.png
- 17_mark.png
- 18.png
- 18_mark.png
- 19.png
- 19_mark.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- 8.png
- 8_mark.png
- 9.png
- 9_mark.png
- action.json
- interaction_1.png
- interaction_10.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- interaction_5.png
- interaction_6.png
- interaction_7.png
- interaction_8.png
- interaction_9.png
- 0.png
- 0_mark.png
- 1.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- 8.png
- 8_mark.png
- 9.png
- 9_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- interaction_5.png
- 0.png
- 0_mark.png
- 1.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- 8.png
- 8_mark.png
- 9.png
- 9_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- interaction_5.png
- 0.png
- 0_mark.png
- 1.png
- 10.png
- 10_mark.png
- 11.png
- 11_mark.png
- 12.png
- 12_mark.png
- 13.png
- 13_mark.png
- 1_mark.png
- 2.png
- 2_mark.png
- 3.png
- 3_mark.png
- 4.png
- 4_mark.png
- 5.png
- 5_mark.png
- 6.png
- 6_mark.png
- 7.png
- 7_mark.png
- 8.png
- 8_mark.png
- 9.png
- 9_mark.png
- action.json
- interaction_1.png
- interaction_2.png
- interaction_3.png
- interaction_4.png
- interaction_5.png
- interaction_6.png
- interaction_7.png
- bulma-carousel.min.css
- bulma-slider.min.css
- bulma.css.map.txt
- bulma.min.css
- fontawesome.all.min.css
- index.css
- benchmark.png
- failure_dis1.png
- failure_dis2.png
- failure_dis3.png
- failure_type1.png
- failure_type2.png
- human_eval.png
- icon.png
- overview.png
- bulma-carousel.js
- bulma-carousel.min.js
- bulma-slider.js
- bulma-slider.min.js
- fontawesome.all.min.js
- index.js
- index.html
- README.md
// repository documentation
Was this content helpful?
(0 ratings)