아직 열심히 제작중이지만..

다 만들고, LLM들이 이건뭥미?? 할까봐 중간 테스트를 해보았습니다.

화면처럼 대충 그린 다음에 .json으로 내보내면

​{
  "canvas": {
    "width": 400,
    "height": 150,
    "flexible": false,
    "title": "파일 실행을 위한 창"
  },
  "elements": [
    {
      "id": "elem_1",
      "type": "image",
      "name": "icon",
      "description": "파일과 관련 된 적절한 이모지를 추가하고, 이 칸이 채울만한 크기로 표시하세요.",
      "x": 11,
      "y": 12,
      "width": 94,
      "height": 121,
      "properties": {
        "text": "🖼️ 이미지",
        "style": "default"
      }
    },
    {
      "id": "elem_2",
      "type": "label",
      "name": "label_2",
      "description": "",
      "x": 110,
      "y": 13,
      "width": 197,
      "height": 63,
      "properties": {
        "text": "실행하거나 열어볼 파일을 선택하고 실행을 클릭하세요.",
        "style": "default"
      }
    },
    {
      "id": "elem_3",
      "type": "button",
      "name": "button_3",
      "description": "",
      "x": 316,
      "y": 14,
      "width": 72,
      "height": 60,
      "properties": {
        "text": "찾아보기",
        "style": "default"
      }
    },
    {
      "id": "elem_4",
      "type": "input",
      "name": "filepath",
      "description": "이곳에 선택한 파일의 경로를 표시하세요. 기본값은 빈 화면입니다.",
      "x": 107,
      "y": 93,
      "width": 200,
      "height": 36,
      "properties": {
        "text": "c:\\test\\test.py",
        "style": "default"
      }
    },
    {
      "id": "elem_5",
      "type": "button",
      "name": "run_button",
      "description": "이 버튼을 누르면 선택한 파일 또는 앱을 Open 합니다.",
      "x": 316,
      "y": 86,
      "width": 72,
      "height": 50,
      "properties": {
        "text": "실행",
        "style": "default"
      }
    }
  ]
}

이렇게 뽑아집니다.

LLM이 헷갈리지 않게 캔바스를 윈도우로, 엘레먼트를 컴포넌트로 바꾸는 작업을 하는중이에요.

우선은 테스트니깐,

GPT에게 던져줘 보겠습니다.

잘 인식했습니다~

출력물도 마음에 들어요!

그런데 왜 버튼색이 안입혀졌지? 하고 다시 json을 보니깐 내보내기에 포함되지 않았군요..

여하튼.. 된다는 것을 확인했으니 계속 개선해보도록 하겠습니다.