Inspo
AI 화면 참고
누가 쓰나클로드 코드나 커서로 화면을 만드는 사람, 디자이너 없이 제품 화면을 짜야 하는 팀.
설치해서 쓰기
AI가 화면을 만들기 전에 참고할 실제 웹사이트 자료를 정리해 넘겨 준다.
★ 157▲ +26 / 7d최근 14일 · 하루 별 증가빈칸 = 관측 없음
별 157 · GitHub에서 확인 GitHub 확인 131시간 지연 · 그 뒤 GH Archive 관측 +15 포함 · 7일 +26은 GH Archive 관측 (기준 )




TESIGN TAKE
같은 지시로 만든 두 화면을 나란히 놓고 차이를 주장한다. 그 차이가 내 일에도 나타나는지는 직접 붙여 보고 판단하는 게 맞다.
한눈에 보는 사실
- 라이선스
- MIT
- 사용 범위
- 상업 이용·수정·재배포 가능. 저작권 고지는 유지.
- 언어
- TypeScript
- 플랫폼
- cli
- 활동
- 마지막 커밋 5일 전 () · 최근 릴리스 [확인 필요]
- 커뮤니티
- 기여자 [확인 필요] · 열린 이슈 [확인 필요] · 만든 이: [확인 필요] 기준 시각 미확인
- 출처
- GitHub
- 오픈소스
- 예
- 처음 본 시각
- 분류
- AI · 디자인
요약이며 법적 조언이 아닙니다.
왜 볼 만한가
AI에게 화면을 맡기면 기능은 만들지만 보기 좋게는 못 만든다. Inspo는 실제로 운영 중인 사이트 832곳, 2,320쪽을 데스크톱과 모바일로 담고 색·글꼴·구조를 정리해 둔 뒤, 에이전트가 작업 중에 꺼내 볼 수 있게 MCP로 연결한다.
이걸로 무엇을 만들 수 있나
- MCP 서버다. 사이트마다 색의 역할·글자 크기 단계·여백 규칙·CSS 변수를 정리한 설명 문서가 있고, 히어로·가격표·푸터·내비게이션 같은 기준 부품 68개는 붙여 쓸 수 있는 JSX로 제공한다. 도구 15개로 검색하고 불러온다.
누구에게 맞나
- 클로드 코드나 커서로 화면을 만드는 사람, 디자이너 없이 제품 화면을 짜야 하는 팀.
5분 안에 시작하기
# inspomcp.dev의 안내를 보고 쓰는 도구에 MCP 서버로 등록한 뒤 화면을 하나 만들어 본다.주의할 점
- 모아 둔 자료는 다른 회사가 운영 중인 사이트를 담은 것이다. 참고로 볼 것이지 그대로 베끼는 용도가 아니다. 공개된 지 얼마 되지 않아 앞으로 바뀔 수 있다.
영수증
- 처음 본 시각
- 출처 등록
- 선정
- 생성에서 포착까지
- 139d
- 처음 봤을 때
- 142 ★
- 출처
- GitHub
이 항목의 사실을 기계가 읽기 쉬운 형태로 — 마크다운으로 보기 · JSON
비슷한 도구
AI 분야에서 ★ 총합 순으로 최대 5개. 편집 항목 먼저, 그다음 저장소 카드이며 이 항목은 강조되어 있습니다. 순위와 같은 저장 스냅샷에서 뽑은 비교표이고 추천은 아닙니다.
| 이미지 | 이름 | ★ 총합 | ▲ 7d | 라이선스 | 플랫폼 | 마지막 push |
|---|---|---|---|---|---|---|
![]() | ecc에이전트 스킬·기억·보안 묶음 | ★ 263k | ▲ +424 | MIT허용적 | windows · macos · linux · cli | |
![]() | Hermes Agent개인용 스스로 자라는 에이전트 | ★ 247k | ▲ +116 | MIT허용적 | linux · macos · windows · android · cli | |
![]() | DeepSeek Harness개발자용 플러그인 하네스 | ★ 230k | ▲ +558 | MIT허용적 | web · cli | |
![]() | InspoAI 화면 참고이 항목 | ★ 157 | ▲ +26 | MIT허용적 | cli | |
| mattpocock/skills카드 | ★ 261k | ▲ +339 | MIT허용적 | — |
타임라인
- 저장소 생성
- TESIGN이 처음 본 시각
- TESIGN 게재
같은 날 고른 것
- 01
- 02
- 03
- 04
- 05
- 06
- 08
- 09
- 10







