# gdb-hub / gdb__template-4-s90 - 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` ## 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": "GROUP", "id": "0-0-0", "left": "95.2696px", "top": "99.8779px", "width": "458.09904000000006px", "height": "583.1396270700001px", "transform": "none", "background": "rgb(6, 11, 49)", "backgroundColor": "rgb(6, 11, 49)", "clipPath": "path(\"M326.1809044413589,4.709158074042184C328.9863603152563,4.709158074042184 331.29084192595786,7.013639684743678 331.29084192595786,9.81909555864115L331.29084192595786,417.89345752014924C331.29084192595786,420.69891339404677 328.9863603152563,423.00339500474826 326.1809044413589,423.00339500474826L9.81909555864115,423.00339500474826C7.013639684743678,423.00339500474826 4.709158074042184,420.6989133940467 4.709158074042184,417.89345752014924L4.709158074042184,9.81909555864115C4.709158074042184,7.013639684743678 7.013639684743678,4.709158074042184 9.81909555864115,4.709158074042184L326.1809044413589,4.709158074042184M326.1809044413589,0L9.81909555864115,0C4.408573516124599,0 0,4.408573516124599 0,9.81909555864115L0,417.89345752014924C0,423.30397956266586 4.408573516124599,427.71255307879045 9.81909555864115,427.71255307879045L326.1809044413589,427.71255307879045C331.59142648387547,427.71255307879045 336,423.30397956266586 336,417.89345752014924L336,9.81909555864115C336,4.408573516124599 331.59142648387547,0 326.1809044413589,0Z\")" }, { "type": "GROUP", "id": "0-1-0", "left": "565.039px", "top": "99.8779px", "width": "458.09904000000006px", "height": "583.1396270700001px", "transform": "none", "background": "rgb(6, 11, 49)", "backgroundColor": "rgb(6, 11, 49)", "clipPath": "path(\"M326.1809044413589,4.709158074042184C328.9863603152563,4.709158074042184 331.29084192595786,7.013639684743678 331.29084192595786,9.81909555864115L331.29084192595786,417.89345752014924C331.29084192595786,420.69891339404677 328.9863603152563,423.00339500474826 326.1809044413589,423.00339500474826L9.81909555864115,423.00339500474826C7.013639684743678,423.00339500474826 4.709158074042184,420.6989133940467 4.709158074042184,417.89345752014924L4.709158074042184,9.81909555864115C4.709158074042184,7.013639684743678 7.013639684743678,4.709158074042184 9.81909555864115,4.709158074042184L326.1809044413589,4.709158074042184M326.1809044413589,0L9.81909555864115,0C4.408573516124599,0 0,4.408573516124599 0,9.81909555864115L0,417.89345752014924C0,423.30397956266586 4.408573516124599,427.71255307879045 9.81909555864115,427.71255307879045L326.1809044413589,427.71255307879045C331.59142648387547,427.71255307879045 336,423.30397956266586 336,417.89345752014924L336,9.81909555864115C336,4.408573516124599 331.59142648387547,0 326.1809044413589,0Z\")" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/2386f713-71d2-44be-8586-9ef5e478baf0.png", "id": "0-2", "left": "138.937px", "top": "138.179px", "width": "187.843px", "height": "252.562px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/dcd15d26-fba6-476f-a153-daff40dd34f8.png", "id": "0-3", "left": "326.78px", "top": "208.257px", "width": "157.37px", "height": "249.299px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/5e0dbacd-6f06-439f-9645-70b49cf0bf30.png", "id": "0-4", "left": "624.021px", "top": "143.693px", "width": "176.435px", "height": "256.632px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/8d69bbec-bf12-47a6-9219-a621b09877b3.png", "id": "0-5", "left": "820.364px", "top": "238.92px", "width": "142.642px", "height": "161.405px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/326c26a6-af52-4179-8c7a-089897d91b00.svg", "id": "0-6-0", "left": "673.817px", "top": "649.8842000000001px", "width": "240.542px", "height": "1.0px" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/758ceb24-46a9-4f93-9e35-d9c0535ca3ad.svg", "id": "0-6-1", "left": "673.817px", "top": "575.3180584px", "width": "240.542px", "height": "1.0px" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/f526bbc1-8c7f-4ae3-b7d9-099200018ca8.svg", "id": "0-6-2", "left": "673.817px", "top": "612.8737000000001px", "width": "240.542px", "height": "1.0px" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/3f2411fb-ce77-4c53-9496-f20a0cdbf7b1.svg", "id": "0-7-0", "left": "207.945px", "top": "653.6632000000001px", "width": "240.542px", "height": "1.0px" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/d99b327b-fa8d-443f-92ba-cbe434742fb6.svg", "id": "0-7-1", "left": "207.945px", "top": "579.0970584px", "width": "240.542px", "height": "1.0px" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/a7ede92c-b940-4d9e-8ac1-69e6b2e07a6a.svg", "id": "0-7-2", "left": "207.94499999999996px", "top": "616.6527000000001px", "width": "240.542px", "height": "1.0px" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/92077b2d-7d59-4e33-bd14-a8fc6c2f032e.png", "id": "0-8", "left": "236.638px", "top": "412.853px", "width": "158.74px", "height": "158.74px", "transform": "scale(-1, 1)", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/c9059d2b-83c1-4fe7-8340-b38ce4d6a326.png", "id": "0-9", "left": "698.39px", "top": "424.304px", "width": "183.839px", "height": "135.838px", "transform": "scale(-1, 1)", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/b2eef6ae-db24-431d-9a61-7d0b62ce3df3.png", "id": "0-10", "left": "265.202px", "top": "616.88px", "width": "34.6993px", "height": "64.7576px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/00540027-bd05-4705-a4e2-59d552e85f80.png", "id": "0-11-0", "left": "304.403px", "top": "616.88px", "width": "28.65719999999999px", "height": "37.72810000000004px", "transform": "rotate(0deg)", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/487662ee-4c38-4289-93e1-8ead1d7ec2a7.png", "id": "0-12-0", "left": "846.495px", "top": "613.101px", "width": "28.65719999999999px", "height": "37.72810000000004px", "transform": "rotate(0deg)", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/c5de7742-4918-46b2-872d-0cbea08ab83b.png", "id": "0-13", "left": "344.892px", "top": "616.88px", "width": "46.3396px", "height": "37.7281px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/8615adb9-1932-4110-b013-90b2605aba25.png", "id": "0-14", "left": "709.239px", "top": "613.101px", "width": "26.4257px", "height": "36.1583px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/f3667908-6149-4f6f-b05d-187f37f3d87b.png", "id": "0-15", "left": "743.885px", "top": "612.421px", "width": "29.2555px", "height": "36.838px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/031e149c-9324-4926-adff-a7569fb5b040.png", "id": "0-16-0", "left": "781.14px", "top": "577.263px", "width": "30.5517px", "height": "55.4225px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/224a92df-1844-4749-af62-f3f97d8ac2a8.png", "id": "0-16-1-0", "left": "781.14px", "top": "577.263px", "width": "7.334979999999973px", "height": "14.178499999999985px", "transform": "rotate(0deg)", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/c351db86-eb14-4c38-bca8-833ffa2fa507.png", "id": "0-17", "left": "819.692px", "top": "614.139px", "width": "18.803px", "height": "33.4028px", "transform": "none", "opacity": 1, "overflow": "hidden" } ], "background": "rgb(252, 252, 252)", "width": "1122px", "height": "793px", "duration": 3 }, { "components": [ { "type": "GROUP", "id": "0-0-0", "left": "95.2696px", "top": "99.8779px", "width": "458.09904000000006px", "height": "583.1396270700001px", "transform": "none", "background": "rgb(6, 11, 49)", "backgroundColor": "rgb(6, 11, 49)", "clipPath": "path(\"M326.1809044413589,4.709158074042184C328.9863603152563,4.709158074042184 331.29084192595786,7.013639684743678 331.29084192595786,9.81909555864115L331.29084192595786,417.89345752014924C331.29084192595786,420.69891339404677 328.9863603152563,423.00339500474826 326.1809044413589,423.00339500474826L9.81909555864115,423.00339500474826C7.013639684743678,423.00339500474826 4.709158074042184,420.6989133940467 4.709158074042184,417.89345752014924L4.709158074042184,9.81909555864115C4.709158074042184,7.013639684743678 7.013639684743678,4.709158074042184 9.81909555864115,4.709158074042184L326.1809044413589,4.709158074042184M326.1809044413589,0L9.81909555864115,0C4.408573516124599,0 0,4.408573516124599 0,9.81909555864115L0,417.89345752014924C0,423.30397956266586 4.408573516124599,427.71255307879045 9.81909555864115,427.71255307879045L326.1809044413589,427.71255307879045C331.59142648387547,427.71255307879045 336,423.30397956266586 336,417.89345752014924L336,9.81909555864115C336,4.408573516124599 331.59142648387547,0 326.1809044413589,0Z\")" }, { "type": "GROUP", "id": "0-1-0", "left": "565.039px", "top": "99.8779px", "width": "458.09904000000006px", "height": "583.1396270700001px", "transform": "none", "background": "rgb(6, 11, 49)", "backgroundColor": "rgb(6, 11, 49)", "clipPath": "path(\"M326.1809044413589,4.709158074042184C328.9863603152563,4.709158074042184 331.29084192595786,7.013639684743678 331.29084192595786,9.81909555864115L331.29084192595786,417.89345752014924C331.29084192595786,420.69891339404677 328.9863603152563,423.00339500474826 326.1809044413589,423.00339500474826L9.81909555864115,423.00339500474826C7.013639684743678,423.00339500474826 4.709158074042184,420.6989133940467 4.709158074042184,417.89345752014924L4.709158074042184,9.81909555864115C4.709158074042184,7.013639684743678 7.013639684743678,4.709158074042184 9.81909555864115,4.709158074042184L326.1809044413589,4.709158074042184M326.1809044413589,0L9.81909555864115,0C4.408573516124599,0 0,4.408573516124599 0,9.81909555864115L0,417.89345752014924C0,423.30397956266586 4.408573516124599,427.71255307879045 9.81909555864115,427.71255307879045L326.1809044413589,427.71255307879045C331.59142648387547,427.71255307879045 336,423.30397956266586 336,417.89345752014924L336,9.81909555864115C336,4.408573516124599 331.59142648387547,0 326.1809044413589,0Z\")" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/8c95fa3a-28f5-4a29-b19d-fa22f80bc2af.png", "id": "0-2", "left": "133.428px", "top": "146.206px", "width": "211.795px", "height": "250.644px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/ce6ab825-c482-4066-891d-589b5eeb72d7.png", "id": "0-3", "left": "364.964px", "top": "223.596px", "width": "163.076px", "height": "173.254px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/31c5de99-47f3-4f67-bb47-e36393368324.png", "id": "0-4", "left": "649.243px", "top": "146.206px", "width": "167.787px", "height": "247.048px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/409276c4-03e9-485d-b415-7521b084c39c.png", "id": "0-5", "left": "837.03px", "top": "251.917px", "width": "138.175px", "height": "206.488px", "transform": "none", "opacity": 1, "overflow": "hidden" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/c54cdb1a-93d9-49ef-b7f4-e211ea63625c.svg", "id": "0-6-0", "left": "673.817px", "top": "649.8842000000001px", "width": "240.542px", "height": "1.0px" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/639ca32f-bed7-475a-b485-d8808dc4e439.svg", "id": "0-6-1", "left": "673.817px", "top": "575.3180584px", "width": "240.542px", "height": "1.0px" }, { "type": "IMAGE", "src": "https://storage.googleapis.com/lica-video/b8ada8b2-d0ce-4430-a4df-b4330acf7f2b.svg", "id": "0-6-2", "left": "673.817px", "top": "612.8737000000001px", "width": "240.542px", "height": "1.0px" }, { "type": "IMAGE", "src": "https://storage.google ``` _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