Communitygithub.com

patchorbit/domscribe

Domscribe는 실행 중인 웹 애플리케이션과 해당 소스 코드 간의 간극을 메워주는 픽셀-투-코드 개발 도구입니다.

domscribe란 무엇인가요?

Domscribe는 웹 애플리케이션의 실행 상태와 소스 코드를 연결하는 '픽셀-투-코드' 개발 도구입니다. 이 스킬을 사용하면 개발자나 AI 에이전트가 브라우저에서 보이는 요소(픽셀)를 분석하여 해당 요소를 생성한 HTML, CSS, JavaScript 코드를 정확하게 식별하고 추출할 수 있습니다. Claude Code, Cursor, Codex와 같은 AI 코딩 에이전트와 통합되어, 디자인 시안이나 실제 웹 페이지를 기반으로 코드를 생성하거나 수정할 때 매우 유용합니다. Domscribe는 브라우저 DevTools 프로토콜을 사용하거나 DOM 스냅샷을 분석하여 작동하며, 결과물로 정확한 선택자와 코드 위치를 제공합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add patchorbit/domscribe

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

domscribe은(는) 무엇을 하나요?

Domscribe는 실행 중인 웹 애플리케이션과 해당 소스 코드 간의 간극을 메워주는 픽셀-투-코드 개발 도구입니다.

관련 스킬