getdesign이란?
getdesign은 디자인 시스템 추출기로, 실제 브라우저에서 공개 웹사이트를 열고 실제 CSS를 읽으며 렌더링된 페이지를 캡처합니다. 사이트의 색상, 타이포그래피, 간격, 컴포넌트를 설명하는 다운로드 가능한 design.md를 생성하며, 이를 스타일 가이드로 사용하거나 코딩 에이전트에 전달할 수 있습니다. 웹 대시보드, HTTP API, CLI, TypeScript SDK, 코딩 에이전트용 휴대용 Skill 등 다섯 가지 표면에서 사용할 수 있습니다.
getdesign 사용 방법
- dashboard.getdesign.app의 대시보드에 로그인하고 Account에서 Daytona 및 OpenAI 제공자 키를 저장하세요. 공개 웹사이트 URL을 Agent에 붙여넣고 추출을 실행하면 getdesign이 CSS 토큰을 읽고, 브라우저에서 페이지를 캡처하며, 다운로드할 수 있는 디자인 문서를 생성합니다. 제공자 키 없이 캐시된 예제 실행을 살펴볼 수도 있고, API, CLI(bunx @getdesign/cli), SDK(bun add @getdesign/sdk)를 사용하거나 Skill을 설치(npx skills add MohtashamMurshid/getdesign)하여 Claude Code, Codex, Cursor 내에서 실행할 수도 있습니다.
getdesign의 핵심 기능
- 모든 공개 URL에서 팔레트, 타이포그래피, 간격, 컴포넌트 추출
- 사이트의 실제 CSS에 기반한 다운로드 가능한 design.md(Markdown) 반환
- 실제 브라우저에서 렌더링된 페이지를 캡처하고 시각적 실행을 위한 스크린샷 제공
- 다섯 가지 표면: 웹 대시보드, HTTP API, CLI, TypeScript SDK, 에이전트 Skill
- API는 WorkOS 베어러 인증으로 Markdown 또는 JSON 반환
- CLI와 SDK는 Bun에서 로컬로 실행되며 타입이 지정된 결과와 진행 이벤트 제공
- 휴대용 SKILL.md는 Claude Code, Codex, Cursor 내에서 실행
- 기본적으로 비공개 실행, 선택적으로 게시하여 열람/다운로드 가능한 링크 공유
사용자 리뷰
5.0
/ 5평가 0개
5점
0
4점
0
3점
0
2점
0
1점
0
아직 리뷰가 없습니다. 첫 리뷰를 남겨 보세요.
유사 제품
getdesign 임베드
웹사이트 배지로 제품이 Hootool에 등록되었음을 표시하고, 커뮤니티의 도구 발견과 공유를 응원하세요. 임베드는 홈페이지나 푸터에 쉽게 추가할 수 있습니다.