# gdb-hub / gdb__template-2-s122 - taskset: [gdb-hub](https://harnessreport.com/tasks/gdb-hub.md) - difficulty: hard - category: design - language: - runnable from the site: no - agent timeout: 3600s ## Results by harness _none yet_ ## Instruction ``` # GDB: template-2 ## Input Files - `/workspace/inputs/input_0.png` - `/workspace/inputs/input_1.png` - `/workspace/inputs/input_2.png` - `/workspace/inputs/input_3.png` - `/workspace/inputs/input_4.png` - `/workspace/inputs/input_5.png` - `/workspace/inputs/input_6.png` - `/workspace/inputs/input_7.png` - `/workspace/inputs/input_8.png` - `/workspace/inputs/input_9.png` - `/workspace/inputs/input_10.png` - `/workspace/inputs/input_11.png` - `/workspace/inputs/input_12.png` - `/workspace/inputs/input_13.png` - `/workspace/inputs/input_14.png` - `/workspace/inputs/input_15.png` - `/workspace/inputs/input_16.png` - `/workspace/inputs/input_17.png` - `/workspace/inputs/input_18.png` - `/workspace/inputs/input_19.png` - `/workspace/inputs/input_20.png` ## Task You are given a reference layout and a set of candidate layouts. Rank the candidates from most similar to least similar to the reference. Return the candidate IDs as a comma-separated list, most similar first. Reference: { "components": [ { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/fdbd6681-0946-427e-9950-4422ccbaf808.svg", "id": "0-0", "left": "139.565px", "top": "116.167px", "width": "566.935px", "height": "2px" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/a0978b65-4039-468e-b28e-1fe2ec66d266.svg", "id": "0-1", "left": "139.565px", "top": "116.167px", "width": "566.935px", "height": "2px" }, { "type": "GROUP", "id": "0-2-0", "left": "191.526px", "top": "195.979px", "width": "776.02048px", "height": "776.02048px", "transform": "none", "background": "rgb(217, 217, 217)", "backgroundColor": "rgb(217, 217, 217)", "clipPath": "path(\"M0,0L256,0L256,256L0,256Z\")" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/598411e0-cb4a-4457-a717-ec67d4265598.svg", "id": "0-3", "left": "-139.76px", "top": "439.35px", "width": "452.718px", "height": "247.76px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "TEXT", "text": "ramadan guide", "id": "0-4", "left": "-183.84095px", "top": "371.87932px", "width": "553.766px", "height": "22.2736px", "transform": "rotate(-90deg)", "color": "rgb(74, 69, 76)", "fontSize": "18px", "fontFamily": "Playfair Display--700", "fontWeight": "700", "textAlign": "right", "lineHeight": "26.0px", "letterSpacing": "0.345em", "textTransform": "none", "fontStyle": "normal" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/07e2b8c2-ffff-4087-be41-9bef0ef92fd7.jpg", "id": "0-5-0", "left": "139.565px", "top": "145.979px", "width": "418.329px", "height": "417.25px", "transform": "rotate(0deg)", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/7c1f9c2d-4dc6-44b4-9d76-15da0a733804.svg", "id": "0-6", "left": "511.762px", "top": "621.5px", "width": "568.238px", "height": "2px" }, { "type": "TEXT", "text": "4", "id": "0-7", "left": "339.314px", "top": "581.47px", "width": "218.58px", "height": "229.483px", "transform": "none", "color": "rgb(74, 69, 76)", "fontSize": "192px", "fontFamily": "League Spartan--400", "fontWeight": "400", "textAlign": "left", "lineHeight": "193.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "water glasses\nat dinner.", "id": "0-8", "left": "511.762px", "top": "647.11px", "width": "449.477px", "height": "102.07px", "transform": "none", "color": "rgb(74, 69, 76)", "fontSize": "32px", "fontFamily": "League Spartan--400", "fontWeight": "400", "textAlign": "left", "lineHeight": "32.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Before bed, drink 4 glasses of water. It aids food processing and digestion.", "id": "0-9", "left": "238.324px", "top": "790.57667px", "width": "729.223px", "height": "111.706px", "transform": "none", "color": "rgb(74, 69, 76)", "fontSize": "21px", "fontFamily": "Playfair Display--700", "fontWeight": "700", "textAlign": "left", "lineHeight": "29.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "002", "id": "0-10", "left": "825.245px", "top": "1004.03334px", "width": "142.302px", "height": "22.2736px", "transform": "none", "color": "rgb(74, 69, 76)", "fontSize": "18px", "fontFamily": "Playfair Display--700", "fontWeight": "700", "textAlign": "right", "lineHeight": "26.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "@loremipsum", "id": "0-11", "left": "75.4651px", "top": "1004.03334px", "width": "347.567px", "height": "22.2736px", "transform": "none", "color": "rgb(74, 69, 76)", "fontSize": "18px", "fontFamily": "Playfair Display--700", "fontWeight": "700", "textAlign": "left", "lineHeight": "26.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" } ], "background": "rgb(226, 226, 226)", "width": "1080px", "height": "1080px", "duration": 3 } Candidates: [BD06CCyoUmNkZS3jkOdQ] { "components": [ { "type": "GROUP", "id": "0-0-0", "left": "34.7238px", "top": "34.0307px", "width": "318.22592px", "height": "318.22592px", "transform": "none", "background": "rgb(252, 252, 252)", "backgroundColor": "rgb(252, 252, 252)", "clipPath": "path(\"M0,0L256,0L256,256L0,256Z\")" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/70c61188-7ae2-4b6f-a7ac-1d1e675be451.jpg", "id": "0-1-0", "left": "45.2784px", "top": "44.4431px", "width": "297.117px", "height": "297.401px", "transform": "rotate(0deg)", "overflow": "hidden" }, { "type": "GROUP", "id": "0-2-0", "left": "382.199px", "top": "34.0307px", "width": "318.22592px", "height": "318.22592px", "transform": "none", "background": "rgb(252, 252, 252)", "backgroundColor": "rgb(252, 252, 252)", "clipPath": "path(\"M0,0L256,0L256,256L0,256Z\")" }, { "type": "GROUP", "id": "0-3-0", "left": "727.05px", "top": "34.0307px", "width": "318.22592px", "height": "318.22592px", "transform": "none", "background": "rgb(252, 252, 252)", "backgroundColor": "rgb(252, 252, 252)", "clipPath": "path(\"M0,0L256,0L256,256L0,256Z\")" }, { "type": "GROUP", "id": "0-4-0", "left": "34.7238px", "top": "385.516px", "width": "318.22592px", "height": "318.22592px", "transform": "none", "background": "rgb(252, 252, 252)", "backgroundColor": "rgb(252, 252, 252)", "clipPath": "path(\"M0,0L256,0L256,256L0,256Z\")" }, { "type": "GROUP", "id": "0-5-0", "left": "382.199px", "top": "385.516px", "width": "318.22592px", "height": "318.22592px", "transform": "none", "background": "rgb(252, 252, 252)", "backgroundColor": "rgb(252, 252, 252)", "clipPath": "path(\"M0,0L256,0L256,256L0,256Z\")" }, { "type": "GROUP", "id": "0-6-0", "left": "727.05px", "top": "385.516px", "width": "318.22592px", "height": "318.22592px", "transform": "none", "background": "rgb(252, 252, 252)", "backgroundColor": "rgb(252, 252, 252)", "clipPath": "path(\"M0,0L256,0L256,256L0,256Z\")" }, { "type": "GROUP", "id": "0-7-0", "left": "34.7238px", "top": "727.744px", "width": "318.22592px", "height": "318.22592px", "transform": "none", "background": "rgb(252, 252, 252)", "backgroundColor": "rgb(252, 252, 252)", "clipPath": "path(\"M0,0L256,0L256,256L0,256Z\")" }, { "type": "GROUP", "id": "0-8-0", "left": "382.199px", "top": "727.744px", "width": "318.22592px", "height": "318.22592px", "transform": "none", "background": "rgb(252, 252, 252)", "backgroundColor": "rgb(252, 252, 252)", "clipPath": "path(\"M0,0L256,0L256,256L0,256Z\")" }, { "type": "GROUP", "id": "0-9-0", "left": "727.05px", "top": "727.744px", "width": "318.22592px", "height": "318.22592px", "transform": "none", "background": "rgb(252, 252, 252)", "backgroundColor": "rgb(252, 252, 252)", "clipPath": "path(\"M0,0L256,0L256,256L0,256Z\")" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/5049b583-0567-418f-ab0c-165bbda14eca.jpg", "id": "0-10-0", "left": "392.754px", "top": "44.4431px", "width": "297.1170000000001px", "height": "297.401px", "transform": "rotate(0deg)", "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/293b17f6-2195-4860-9379-5f97d4736257.jpg", "id": "0-11-0", "left": "737.605px", "top": "44.4431px", "width": "297.11699999999996px", "height": "297.401px", "transform": "rotate(0deg)", "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/700277a2-ad48-413c-b422-5514c4b3814c.jpg", "id": "0-12-0", "left": "45.2784px", "top": "738.156px", "width": "297.117px", "height": "297.40100000000007px", "transform": "rotate(0deg)", "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/f0d03aae-4c8e-41f8-904b-c806a6515f6d.jpg", "id": "0-13-0", "left": "392.754px", "top": "738.156px", "width": "297.1170000000001px", "height": "297.40100000000007px", "transform": "rotate(0deg)", "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/b940d04d-a092-45f1-bc6c-0c6b858c5ee9.jpg", "id": "0-14-0", "left": "737.605px", "top": "738.156px", "width": "297.11699999999996px", "height": "297.40100000000007px", "transform": "rotate(0deg)", "overflow": "hidden" }, { "type": "TEXT", "text": "VE", "id": "0-15", "left": "52.1044px", "top": "469.4645px", "width": "283.464px", "height": "122.569px", "transform": "none", "color": "rgb(85, 85, 85)", "fontSize": "102px", "fontFamily": "Abhaya Libre--400", "fontWeight": "400", "textAlign": "center", "lineHeight": "143.0px", "letterSpacing": "0em", "textTransform": "uppercase", "fontStyle": "normal" }, { "type": "TEXT", "text": "R\u00cdE", "id": "0-16", "left": "427.326px", "top": "469.4645px", "width": "227.972px", "height": "122.569px", "transform": "none", "color": "rgb(85, 85, 85)", "fontSize": "102px", "fontFamily": "Abhaya Libre--400", "fontWeight": "400", "textAlign": "center", "lineHeight": "143.0px", "letterSpacing": "0em", "textTransform": "uppercase", "fontStyle": "normal" }, { "type": "TEXT", "text": "OTRA", "id": "0-17", "left": "740.798px", "top": "481.96382px", "width": "290.73px", "height": "101.074px", "transform": "none", "color": "rgb(85, 85, 85)", "fontSize": "84px", "fontFamily": "Abhaya Libre--400", "fontWeight": "400", "textAlign": "center", "lineHeight": "118.0px", "letterSpacing": "0em", "textTransform": "uppercase", "fontStyle": "normal" } ], "background": "rgb(178, 215, 223)", "width": "1080px", "height": "1080px", "duration": 3 } [hyupZ8l5Whj15FGkqKUX] { "components": [ { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/background_image_94329e42-6a45-4093-a748-346f4248706e.jpeg", "left": "-270.507px", "top": "0.0px", "width": "1621.01px", "height": "1080.0px", "transform": "rotate(0deg)", "opacity": 0.16, "overflow": "visible" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/bf7aff6c-c880-4538-a5d9-781089fd6a3c.png", "left": "-114.746px", "top": "14.3101px", "width": "1532.07px", "height": "1051.38px", "transform": "rotate(-3.9804deg)", "opacity": 0.06, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/9c7241ad-2b75-4d93-b1d4-0ea1d16fd62a.png", "left": "278.78px", "top": "209.7px", "width": "522.44px", "height": "262.526px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "TEXT", "text": "#LOREMIPSITE", "left": "385.832761px", "top": "843.24084px", "width": "310.107px", "height": "23.1177px", "transform": "none", "color": "rgb(45, 88, 137)", "fontSize": "19px", "fontFamily": "Roboto--700", "fontWeight": "700", "textAlign": "center", "lineHeight": "31.0px", "letterSpacing": "0.09em", "textTransform": "uppercase", "fontStyle": "italic" }, { "type": "TEXT", "text": "Visuals matter! Capture attention with stunning images, graphics, and videos that resonate with your audience. A picture (or video) says a thousand words!", "left": "242.29864px", "top": "563.1136700000001px", "width": "592.57px", "height": "167.741px", "transform": "none", "color": "rgb(45, 88, 137)", "fontSize": "30px", "fontFamily": "Libre Baskerville--400", "fontWeight": "400", "textAlign": "center", "lineHeight": "33.0px", "letterSpacing": "-0.093em", "textTransform": "none", "fontStyle": "italic" } ], "background": "rgb(252, 252, 252)", "width": "1080px", "height": "1080px", "duration": 3 } [UibbhyZRpy3mbCsgpxrv] { "components": [ { "type": "GROUP", "left": "72.404px", "top": "92.9411px", "width": "439.596234px", "height": "580.67449776px", "transform": "none", "background": "rgb(127, 211, 223)", "backgroundColor": "rgb(127, 211, 223)", "clipPath": "path(\"M5.703508987685951,5.703508987685951L1116.2964910123142,5.703508987685951L1116.2964910123142,1476.3789124133355L5.703508987685951,1476.3789124133355L5.703508987685951,5.703508987685951Z\")" }, { "type": "GROUP", "left": "72.404px", "top": "92.9411px", "width": "439.596234px", "height": "580.67449776px", "transform": "none", "background": "rgb(1, 1, 1)", "backgroundColor": "rgb(1, 1, 1)", "clipPath": "path(\"M1110.5929820246283,1470.6754034256496L1122,1470.6754034256496L1122,1482.0824214010215L1110.5929820246283,1482.0824214010215L1110.5929820246283,1470.67 ``` _instruction cut at 16k characters_ --- Harness Report runs agent harnesses from their GitHub repos on Harbor tasks and records every model call. Every page is also `.md` and `.json`; index: https://harnessreport.com/llms.txt · MCP: https://harnessreport.com/mcp