# gdb-hub / gdb__template-2-s100 - 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/13ebc726-ed25-438d-8ad4-b3050fbcdd48.png", "left": "946.322px", "top": "404.96px", "width": "564.913px", "height": "567.04px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/0ea2117c-f1b7-49d9-8a7d-26fb1c777c6e.png", "left": "1268.73px", "top": "-158.386px", "width": "635.457px", "height": "633.074px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/f40d50a6-f88a-499a-a15a-bbaf3f3be295.png", "left": "55.7171px", "top": "77.4949px", "width": "260.181px", "height": "259.53px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "TEXT", "text": "HISTORY", "left": "174.392px", "top": "253.4105px", "width": "935.488px", "height": "145.692px", "transform": "none", "color": "rgb(252, 105, 45)", "fontSize": "121px", "fontFamily": "League Spartan--400", "fontWeight": "400", "textAlign": "left", "lineHeight": "103.118568px", "letterSpacing": "0em", "textTransform": "uppercase", "fontStyle": "normal" }, { "type": "TEXT", "text": "A presentation is a structured communication event conveying information, ideas, or proposals to an audience. Speakers typically use visual aids like slides, charts, graphs, and multimedia to support their message.", "left": "174.392px", "top": "400.77200000000005px", "width": "651.511px", "height": "193.2px", "transform": "none", "color": "rgb(106, 42, 1)", "fontSize": "24px", "fontFamily": "Arimo--400", "fontWeight": "400", "textAlign": "justify", "lineHeight": "33.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Presentations occur in diverse settings\u2014business meetings, academic seminars, conferences, public speeches\u2014to inform, persuade, entertain, or educate. Effective presentations demand careful planning, clear communication, engaging delivery, and audience consideration.", "left": "174.392px", "top": "635.972px", "width": "651.511px", "height": "226.2px", "transform": "none", "color": "rgb(106, 42, 1)", "fontSize": "24px", "fontFamily": "Arimo--400", "fontWeight": "400", "textAlign": "justify", "lineHeight": "33.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/394510a6-a66f-46f1-9625-49c7419b13ee.png", "left": "1331.71px", "top": "292.359px", "width": "1176.59px", "height": "1032.46px", "transform": "rotate(-5.1646deg)", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/f0a14f05-559f-4db4-8b5f-e740cb6fa7b9.png", "left": "-130.09px", "top": "775.098px", "width": "260.181px", "height": "259.53px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/680de14d-4e3e-49fc-bcfb-061f17d76b41.png", "left": "848.699px", "top": "890.625px", "width": "163.158px", "height": "162.75px", "transform": "none", "opacity": 1, "overflow": "hidden" } ], "background": "rgb(252, 240, 189)", "width": "1920px", "height": "1080px", "duration": 3 } Candidates: [8H8lV6sFDdPjl2ewFRaH] { "components": [ { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/c9702b6e-fd96-447b-8769-9e0bbd50768b.png", "left": "0px", "top": "623px", "width": "1920px", "height": "457px" }, { "type": "TEXT", "text": "Longer Deck Title", "left": "36.5px", "top": "142px", "width": "1847px", "height": "373px", "fontSize": "244px", "fontFamily": "Syne", "fontWeight": "800", "textAlign": "center", "lineHeight": "214px", "letterSpacing": "-0.06em" }, { "type": "TEXT", "text": "Company name", "left": "36px", "top": "36px", "width": "291px", "height": "46px", "fontSize": "24px", "fontFamily": "Syne", "fontWeight": "500", "textAlign": "left", "lineHeight": "28.799999999999997px", "textTransform": "uppercase" }, { "type": "TEXT", "text": "Month XX YEAR", "left": "1593px", "top": "36px", "width": "292px", "height": "46px", "fontSize": "24px", "fontFamily": "Syne", "fontWeight": "500", "textAlign": "right", "lineHeight": "28.799999999999997px", "textTransform": "uppercase" } ], "background": "#b7b12a", "width": "1920px", "height": "1080px" } [43P1nrWp4apSv5Lhhw7j] { "components": [ { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/357ce1ed-691a-4de9-a252-f0e40017c0fd.svg", "left": "-618.365px", "top": "299.519px", "width": "1164px", "height": "1344.96px", "transform": "none", "opacity": 0.9, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/34f43b86-090f-41dc-8da7-17b86c9a84da.jpg", "id": "0-0", "left": "108.0px", "top": "302.89px", "width": "957.7559999999999px", "height": "669.109px", "transform": "rotate(0deg)", "opacity": 1, "overflow": "hidden" }, { "type": "TEXT", "text": "Mind Other Deadlines", "left": "108px", "top": "108px", "width": "957.756px", "height": "89px", "color": "rgb(146, 128, 117)", "fontSize": "74px", "fontFamily": "Nunito Sans--900", "fontWeight": "900", "textAlign": "left", "lineHeight": "89.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Submit required documents and schedule appraisal for a mortgage.", "id": "0-0", "left": "1207.4px", "top": "302.89px", "width": "574.298px", "height": "132.0px", "color": "rgb(146, 128, 117)", "fontSize": "37px", "fontFamily": "Nunito Sans--600", "fontWeight": "600", "textAlign": "left", "lineHeight": "44.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Add page animations and transitions to Ipsum Praesent to emphasize ideas and make them memorable.", "id": "0-1", "left": "1207.4px", "top": "462.375px", "width": "574.298px", "height": "105.2px", "transform": "none", "color": "rgb(72, 67, 67)", "fontSize": "28px", "fontFamily": "Nunito Sans--400", "fontWeight": "400", "textAlign": "left", "lineHeight": "36.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Communicate with your agent to address any issues that arise.", "id": "0-0", "left": "1207.3999999999999px", "top": "667.487px", "width": "574.298px", "height": "132.0px", "color": "rgb(146, 128, 117)", "fontSize": "37px", "fontFamily": "Nunito Sans--600", "fontWeight": "600", "textAlign": "left", "lineHeight": "44.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Present with Ipsum Praesenta: C for confetti, D for drumroll, O for bubbles.", "id": "0-1", "left": "1207.3999999999999px", "top": "826.972px", "width": "574.298px", "height": "105.2px", "transform": "none", "color": "rgb(72, 67, 67)", "fontSize": "28px", "fontFamily": "Nunito Sans--400", "fontWeight": "400", "textAlign": "left", "lineHeight": "36.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" } ], "background": "rgb(252, 252, 252)", "width": "1920px", "height": "1080px", "duration": 3 } [BIeZgqyM1cYlw28jUmGS] { "components": [ { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/50004d63-2bfb-4e0e-aa4f-e26cc89cb961.png", "left": "1479.75px", "top": "932.385px", "width": "193.691px", "height": "193.207px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "TEXT", "text": "BEST INVENTIONS", "left": "475.159px", "top": "213.95003px", "width": "969.682px", "height": "277.38px", "transform": "none", "color": "rgb(252, 105, 45)", "fontSize": "121px", "fontFamily": "League Spartan--400", "fontWeight": "400", "textAlign": "center", "lineHeight": "132.0px", "letterSpacing": "0em", "textTransform": "uppercase", "fontStyle": "normal" }, { "type": "TEXT", "text": "A presentation conveys structured information, ideas, or proposals to an audience. Speakers use visual aids (slides, charts, graphs, multimedia) to support their message.", "left": "539.641px", "top": "517.318px", "width": "840.718px", "height": "127.2px", "transform": "none", "color": "rgb(106, 42, 1)", "fontSize": "24px", "fontFamily": "Arimo--400", "fontWeight": "400", "textAlign": "justify", "lineHeight": "33.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "TEXT", "text": "Presentations occur in various settings (business meetings, academic seminars, conferences, public speeches) to inform, persuade, entertain, or educate the audience on a topic. Effective presentations require careful planning, clear communication, engaging delivery, and audience consideration.", "left": "539.641px", "top": "685.216px", "width": "840.718px", "height": "193.2px", "transform": "none", "color": "rgb(106, 42, 1)", "fontSize": "24px", "fontFamily": "Arimo--400", "fontWeight": "400", "textAlign": "justify", "lineHeight": "33.0px", "letterSpacing": "0em", "textTransform": "none", "fontStyle": "normal" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/47556166-b843-4176-b9e9-963f06aaaee7.png", "left": "1622.67px", "top": "621.286px", "width": "365.299px", "height": "364.386px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/2ff09ec0-aadd-4ddb-b52f-ab0dcae3a024.png", "left": "1479.75px", "top": "-65.5579px", "width": "628.275px", "height": "630.64px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/6310d878-8fcc-427c-9b77-d3bd9b3f09b9.png", "left": "-220.967px", "top": "503.609px", "width": "661.608px", "height": "659.127px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/d96a59aa-a77a-45be-9bbe-276d31f10318.png", "left": "-216.215px", "top": "-244.312px", "width": "739.614px", "height": "570.428px", "transform": "rotate(-26.9117deg)", "opacity": 1, "overflow": "hidden" } ], "background": "rgb(252, 240, 189)", "width": "1920px", "height": "1080px", "duration": 3 } [CFVQHSniDWfi95f66aAq] { "components": [ { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/11f5f9de-c188-4019-b9ba-4b3f8bebbeb8.png", "left": "62.4268px", "top": "125.052px", "width": "652.674px", "height": "572.722px", "transform": "rotate(-5.1646deg)", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/14502795-9875-49cc-932f-c4b93b0a5711.png", "left": "455.135px", "top": "526.929px", "width": "445.071px", "height": "445.071px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/cff9c135-1064-488f-94d4-5000a231577b.png", "left": "218.179px", "top": "725.987px", "width": "197.877px", "height": "196.887px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/a2c60488-9e6d-47fd-8eab-522fc806575f.png", "left": "719.152px", "top": "293.07px", "width": "218.471px", "height": "210.278px", "transform": "rotate(-37.6716deg) scale(-1, 1)", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/2809c589-e443-4656-97b9-5cbec00dc0ce.png", "left": "1645.56px", "top": "72.2399px", "width": "216.575px", "height": "216.034px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "TEXT", "text": "ABOUT", "left": "1081.68px", "top": "253.4105px", "width": "748.56px", "height": "145.692px", "transform": "none", "color": "rgb(252, 105, 45)", "fontSize": "121px", "fontFamily": "League Spartan--400", "fontWeight": "400", "textAlign": "left", "lineHeight": "103.118568px", "letterSpacing": "0em", "textTransform": "uppercase", "fontStyle": "normal" }, { "type": "TEXT", "text": "A presentation is a structured communication event conveying information, ideas, or proposals to an audience. It typically involves a speaker addressing an audience with visual aids (slides, charts, graphs, multimedia) to support their message.", "left": "1081.68px", "top": "400.77200000000005px", "width": "651.511px", "height": "193.2px", " ``` _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