{
  "schema": "tesign-radar/item/1",
  "generated_at": "2026-09-21T05:13:49.792Z",
  "lang": "ko",
  "slug": "inspo",
  "url": "https://tesign.com/item/inspo/",
  "alternates": {
    "ko": {
      "html": "https://tesign.com/item/inspo/",
      "json": "https://tesign.com/item/inspo/index.json",
      "markdown": "https://tesign.com/item/inspo/index.md"
    },
    "en": {
      "html": "https://tesign.com/en/item/inspo/",
      "json": "https://tesign.com/en/item/inspo/index.json",
      "markdown": "https://tesign.com/en/item/inspo/index.md"
    }
  },
  "name": "Inspo",
  "use_label": "AI 화면 참고",
  "one_liner": "AI가 화면을 만들기 전에 참고할 실제 웹사이트 자료를 정리해 넘겨 준다.",
  "text": {
    "why": "AI에게 화면을 맡기면 기능은 만들지만 보기 좋게는 못 만든다. Inspo는 실제로 운영 중인 사이트 832곳, 2,320쪽을 데스크톱과 모바일로 담고 색·글꼴·구조를 정리해 둔 뒤, 에이전트가 작업 중에 꺼내 볼 수 있게 MCP로 연결한다.",
    "take": "같은 지시로 만든 두 화면을 나란히 놓고 차이를 주장한다. 그 차이가 내 일에도 나타나는지는 직접 붙여 보고 판단하는 게 맞다.",
    "build": [
      "MCP 서버다. 사이트마다 색의 역할·글자 크기 단계·여백 규칙·CSS 변수를 정리한 설명 문서가 있고, 히어로·가격표·푸터·내비게이션 같은 기준 부품 68개는 붙여 쓸 수 있는 JSX로 제공한다. 도구 15개로 검색하고 불러온다."
    ],
    "who": [
      {
        "role": "클로드 코드나 커서로 화면을 만드는 사람, 디자이너 없이 제품 화면을 짜야 하는 팀.",
        "situation": null
      }
    ],
    "start": [
      {
        "command": false,
        "text": "inspomcp.dev의 안내를 보고 쓰는 도구에 MCP 서버로 등록한 뒤 화면을 하나 만들어 본다."
      }
    ],
    "caveat": [
      "모아 둔 자료는 다른 회사가 운영 중인 사이트를 담은 것이다. 참고로 볼 것이지 그대로 베끼는 용도가 아니다. 공개된 지 얼마 되지 않아 앞으로 바뀔 수 있다."
    ]
  },
  "cta": {
    "type": "install",
    "label": "INSTALL",
    "url": "https://inspomcp.dev/"
  },
  "ready": "install",
  "categories": [
    "ai",
    "design"
  ],
  "categories_confirmed": true,
  "tags": [
    "ai 코딩",
    "디자인 참고",
    "mcp",
    "화면 설계"
  ],
  "platform": [
    "cli"
  ],
  "license": {
    "spdx": "MIT",
    "scope": "permissive",
    "scope_text": "상업 이용·수정·재배포 가능. 저작권 고지는 유지.",
    "url": "https://spdx.org/licenses/MIT.html",
    "note": null,
    "open_source": true
  },
  "language": "TypeScript",
  "source_urls": {
    "canonical": "https://inspomcp.dev/",
    "github": "https://github.com/nutlope/inspo",
    "huggingface": null,
    "app_store": null,
    "sightings": [
      {
        "source": "github",
        "url": "https://github.com/nutlope/inspo",
        "posted_at": "2026-09-14T21:00:00.000Z",
        "hn_url": null
      }
    ]
  },
  "numbers": {
    "as_of": "2026-09-21T00:00:00.000Z",
    "stars": 157,
    "stars_unit": "GitHub stars",
    "stars_checked_at": "2026-09-15T18:01:56.715Z",
    "stars_observed_since_check": 15,
    "star_delta_24h": null,
    "star_delta_7d": 26,
    "star_delta_30d": 26,
    "star_delta_unit": "GitHub stars gained in the window, GH Archive events summed to as_of",
    "spark_14d": [
      null,
      null,
      null,
      null,
      null,
      null,
      2,
      13,
      4,
      5,
      2,
      null,
      null,
      null
    ],
    "hf_likes": null,
    "hf_likes_observed_at": null,
    "hn_points": null,
    "hn_points_observed_at": null,
    "store": null,
    "method": "별 총합 = GitHub에서 마지막으로 확인한 값(stars_checked_at) + 그 뒤 GH Archive에서 관측한 증가. 24h·7d·30d 증가는 GH Archive 시간별 이벤트를 기준 시각(as_of)까지 합한 값. 우리 점수는 없습니다."
  },
  "ranks": null,
  "activity": {
    "pushed_at": "2026-09-15T16:09:43.000Z",
    "owner_type": null,
    "open_issues": null,
    "contributors": null,
    "releases_count": null,
    "latest_release": null,
    "checked_at": null,
    "core_checked_at": "2026-09-15T18:01:56.715Z"
  },
  "signals": [],
  "images": {
    "og": "https://tesign.com/img/inspo-2b9a626516.png",
    "cover": "https://tesign.com/img/inspo-2b9a626516.png",
    "cover_width": 1200,
    "cover_height": 630,
    "gallery": [
      "https://tesign.com/img/inspo-2b9a626516.png",
      "https://tesign.com/img/inspo-a13b371813.jpg",
      "https://tesign.com/img/inspo-d0698d6562.jpg",
      "https://tesign.com/img/inspo-0a512df20e.png"
    ],
    "alt": "Inspo 소개 이미지. 실제 웹사이트 화면을 세로로 길게 여러 장 늘어놓고 아래에 \"Give your agent design taste\"라고 적혀 있다.",
    "tier": 2
  },
  "dates": {
    "first_seen_at": "2026-09-15T18:01:28.769Z",
    "source_created_at": "2026-04-29T11:51:47.000Z",
    "discovery_hours": 3342.1616025,
    "launch_signal_at": "2026-09-14T21:00:00.000Z",
    "kept_at": "2026-09-21T05:13:34.332Z",
    "first_published_at": "2026-09-21T05:13:34.733Z",
    "updated_at": "2026-09-21T05:13:34.667Z",
    "ingestion_mode": "live"
  },
  "notes": [
    "이 파일은 tesign.com 항목 페이지와 같은 빌드에서 같은 데이터로 만들어졌습니다. 소개 글은 편집자가 쓴 것이고, 숫자는 저장된 관측값입니다.",
    "JSON의 null은 관측하지 않았다는 뜻입니다 — 0이 아닙니다. 마크다운에서는 [확인 필요]로 적습니다.",
    "별 총합 = GitHub에서 마지막으로 확인한 값(stars_checked_at) + 그 뒤 GH Archive에서 관측한 증가. 24h·7d·30d 증가는 GH Archive 시간별 이벤트를 기준 시각(as_of)까지 합한 값. 우리 점수는 없습니다.",
    "요약이며 법적 조언이 아닙니다."
  ]
}