# gdb-hub / gdb__template-4-s111

- 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