# gdb-hub / gdb__template-4-s110 - 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-4 ## 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` ## Task You are a design system assistant. Given several example layouts from the same template as style context, and one skeleton layout with structural data but missing visual styles, complete the skeleton by filling in the missing style properties (fontFamily, fontSize, color, backgroundColor, opacity, textAlign) to match the template's style. Return ONLY a valid JSON layout object. Style context (sibling layouts): [ { "components": [ { "type": "TEXT", "text": "Your storybook sentence", "left": "108.976003px", "top": "653.98001px", "width": "551.369px", "height": "28.64px", "transform": "none", "color": "rgb(1, 1, 1)", "fontSize": "24px", "fontFamily": "Dekko--400", "fontWeight": "400", "textAlign": "center", "lineHeight": "26.0px", "letterSpacing": "0.055em", "textTransform": "none", "fontStyle": "normal" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/ddd9eb60-1c28-4032-a131-56b757ed6864.png", "left": "134.954px", "top": "240.354px", "width": "431.141px", "height": "204.531px", "transform": "rotate(-14.2412deg)", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/4826a048-eaa4-4748-a48d-47ba4e5fbde6.png", "left": "180.416px", "top": "410.975px", "width": "426.234px", "height": "202.204px", "transform": "rotate(164.331deg)", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/677c6bbc-b277-4e2a-9053-92dc51831418.png", "left": "86.5077px", "top": "280.123px", "width": "109.841px", "height": "139.481px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/cccedf75-a64d-4821-b226-c08c60774961.png", "left": "510.351px", "top": "225.133px", "width": "125.636px", "height": "159.538px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/9bdc47f8-5f3b-4e60-b2f8-4400f106c2f7.png", "left": "590.481px", "top": "337.288px", "width": "91.011px", "height": "115.569px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/2d22c9fe-fa18-495d-9e06-f145d8540035.png", "left": "259.218px", "top": "151.086px", "width": "242.038px", "height": "120.111px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/fcb4be1d-b092-4fbf-b47f-0d6cf825f75b.png", "left": "440.498px", "top": "512.077px", "width": "121.516px", "height": "93.1119px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/5ecb3aae-96bc-4bd4-a12d-fc338921b0f8.svg", "left": "64.179px", "top": "42.5755px", "width": "282.711px", "height": "168.567px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/1b645ab8-d360-4c72-a71c-fce9bb5426da.svg", "left": "346.89px", "top": "342.619px", "width": "210.837px", "height": "125.712px", "transform": "scale(-1, 1)", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/2e42692d-29ed-4342-a87f-771c047ddaf1.png", "left": "116.421px", "top": "500.3px", "width": "99.2072px", "height": "47.0635px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/3790c4d9-bb15-4937-b6da-eeb7ead54257.png", "left": "562.015px", "top": "452.858px", "width": "48.8835px", "height": "70.9742px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/b18a248e-5170-4b81-9358-4dd911f99cdb.png", "left": "245.315px", "top": "452.858px", "width": "134.923px", "height": "164.791px", "transform": "none", "opacity": 1, "overflow": "hidden" } ], "background": "rgb(250, 226, 163)", "width": "768px", "height": "768px", "duration": 3 }, { "components": [ { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/92710b8e-47b9-4b60-acff-959c054f469c.png", "left": "248.798px", "top": "167.97px", "width": "82.8366px", "height": "134.148px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/29603b19-3c5d-4d32-b48c-94d651fa9981.png", "left": "488.369px", "top": "317.841px", "width": "96.0675px", "height": "139.481px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/baf83206-6de1-4997-9ae5-44fc6aeff14a.png", "left": "81.295px", "top": "317.841px", "width": "95.0214px", "height": "139.481px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/ca70646a-6361-4d30-a634-db4f267ae452.png", "left": "98.6571px", "top": "173.248px", "width": "126.439px", "height": "123.594px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/22060508-9f48-441d-b249-2c9384ed4bd0.png", "left": "355.336px", "top": "173.169px", "width": "134.148px", "height": "123.752px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/de121764-76e7-4e82-83a2-7a7508a2d126.png", "left": "277.115px", "top": "317.841px", "width": "109.841px", "height": "139.481px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/36155ef8-20a8-48ed-802c-226b705895e0.png", "left": "172.754px", "top": "317.841px", "width": "107.923px", "height": "139.481px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/d79f0bc9-7244-4a09-991a-4155100cdfcd.png", "left": "403.187px", "top": "317.841px", "width": "88.7448px", "height": "139.481px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/c034336c-3195-4ae8-853f-d4cb0d734c1d.png", "left": "580.874px", "top": "317.841px", "width": "105.831px", "height": "139.481px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/584f69e6-eb4b-4817-8292-0c1f594afacc.png", "left": "513.187px", "top": "177.016px", "width": "151.462px", "height": "116.057px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/df3b56f4-402e-467c-8fef-cb36b95f3a75.png", "left": "98.6571px", "top": "482.132px", "width": "105.759px", "height": "106.558px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/4908ffc9-21c9-4546-835e-d3bd46a43484.png", "left": "235.579px", "top": "441.152px", "width": "66.1347px", "height": "199.858px", "transform": "rotate(-105.749deg)", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/7496b5c5-9626-47b5-bdba-628dd5b06268.png", "left": "532.858px", "top": "476.422px", "width": "96.7262px", "height": "39.805px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/37686018-2c98-4284-8f34-8437aba06857.png", "left": "413.979px", "top": "476.422px", "width": "99.2072px", "height": "47.0635px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/66b7a6a6-6bc6-4d57-9c6b-644376a2490a.png", "left": "388.454px", "top": "541.081px", "width": "180.658px", "height": "40.9581px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/d66018a4-c019-4e53-9126-3ab24cd3009d.png", "left": "601.776px", "top": "535.411px", "width": "59.6608px", "height": "59.6608px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "TEXT", "text": "SCENE", "left": "236.855px", "top": "103.501px", "width": "296.049px", "height": "37.52px", "transform": "none", "color": "rgb(1, 1, 1)", "fontSize": "32px", "fontFamily": "Walter Turncoat--400", "fontWeight": "400", "textAlign": "center", "lineHeight": "34.0px", "letterSpacing": "0.055em", "textTransform": "uppercase", "fontStyle": "normal" }, { "type": "TEXT", "text": "[*Delete page before export]", "left": "127.494003px", "top": "638.93901px", "width": "514.332px", "height": "28.64px", "transform": "rotate(-2.22045e-16deg)", "color": "rgb(1, 1, 1)", "fontSize": "24px", "fontFamily": "Dekko--400", "fontWeight": "400", "textAlign": "center", "lineHeight": "26.0px", "letterSpacing": "0.055em", "textTransform": "none", "fontStyle": "normal" } ], "background": "rgb(252, 243, 221)", "width": "768px", "height": "768px", "duration": 3 }, { "components": [ { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/c2b81541-632d-4065-8303-05ed979b5ca5.png", "left": "478.222px", "top": "164.439px", "width": "138.659px", "height": "151.334px", "transform": "scale(-1, 1)", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/7ad3f0bf-dea1-4a3a-b75e-7f0deb19c430.png", "left": "304.361px", "top": "187.706px", "width": "151.334px", "height": "104.799px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/f1d2fc53-daf9-443b-b778-a7f4d976086f.png", "left": "471.885px", "top": "465.68px", "width": "151.334px", "height": "103.096px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/4b79a3db-93f7-4ab9-aab5-d6efea2af01b.png", "left": "144.782px", "top": "458.964px", "width": "151.334px", "height": "116.527px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/20eff2ae-7970-4164-ac0c-49b4152cf831.png", "left": "315.095px", "top": "461.673px", "width": "137.81px", "height": "111.109px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/ef13ed84-4726-492b-bfa7-9cd19b10d824.png", "left": "159.064px", "top": "164.439px", "width": "122.769px", "height": "151.334px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/dbf0216f-03e1-4438-a436-357cea6aec1d.png", "left": "436.661px", "top": "328.336px", "width": "102.977px", "height": "111.327px", "transform": "scale(-1, 1)", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/7e8837be-a9d0-4b22-95ba-9200983b6f5c.png", "left": "97.8445px", "top": "337.087px", "width": "151.334px", "height": "93.8269px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/ce0a75e5-11ee-452b-b446-eb4c4675352a.png", "left": "267.253px", "top": "323.372px", "width": "151.334px", "height": "121.256px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "TEXT", "text": "CHARS", "left": "236.855px", "top": "103.501px", "width": "296.049px", "height": "37.52px", "transform": "none", "color": "rgb(1, 1, 1)", "fontSize": "32px", "fontFamily": "Walter Turncoat--400", "fontWeight": "400", "textAlign": "center", "lineHeight": "34.0px", "letterSpacing": "0.055em", "textTransform": "uppercase", "fontStyle": "normal" }, { "type": "TEXT", "text": "[DEL]", "left": "127.494003px", "top": "638.93901px", "width": "514.332px", "height": "28.64px", "transform": "rotate(-2.22045e-16deg)", ``` _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