CopyDOM

About

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):
    툴바 위치와 활성화 상태를 기기 간 동기화합니다.