CopyDOM

CopyDOM — CopyDOM은 클릭 한 번으로 원하는 DOM 요소를 복사해서, Cursor, Claude Code, GitHub Copilot 같은 AI 코딩 도구에 바로 붙여넣을 수 있게 해줍니다. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ✨ 주요 기능 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ • 클릭 한 번으로 DOM 요소 선택 — 버튼, 카드, 섹션 등 어떤 요소든 마우스 호버 → 클릭 • 자동 Markdown 변환 — HTML을 읽기 쉬운 Markdown으로 변환해 클립보드에 복사 • AI 에이전트 친화적 포맷 — 구조와 텍스트가 보존되어 AI가 맥락을 바로 이해 • 드래그로 영역 선택 — 여러 요소를 한번에 묶어서 복사 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🚀 사용법 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1. localhost 또는 아무 웹페이지에서 툴바 아이콘 클릭 2. 복사하고 싶은 요소 위에 마우스 호버 → 클릭 3. Cursor / Claude Code / ChatGPT에 Cmd+V 로 붙여넣기 4. "이 UI를 이렇게 바꿔줘" 와 함께 요청 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 💡 이럴 때 유용해요 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ • 개발 중인 로컬 페이지에서 컴포넌트 코드 맥락 공유 • 경쟁사 사이트의 UI를 참고로 AI에게 "이런 식으로 만들어줘" ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🔒 개인정보 보호 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ • 외부 서버로 어떤 데이터도 전송하지 않습니다 • 선택한 요소는 오직 브라우저 클립보드에만 저장 • 툴바 설정만 Chrome 동기화 저장소에 로컬 저장 • 광고, 분석 도구, 추적 스크립트 없음 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 📝 권한 사용 이유 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ • 모든 사이트 (<all_urls>): 어떤 웹사이트에서든 DOM 요소를 선택/복사할 수 있도록 콘텐츠 스크립트를 주입합니다. • 저장소 (storage): 툴바 위치와 활성화 상태를 기기 간 동기화합니다.