선택 → 전달 → 확인을 표현한 일러스트
웹 디자인 수정을 위한 Chrome 확장 프로그램

가리킨 곳부터,
정확하게.

웹 요소를 선택하고, 기본 요소 정보와 CSS 맥락을 자신의 AI에 전달하세요. Pro로 소스 위치의 단서를 찾고 바뀐 결과를 확인하세요.

자신의 AI 코딩 도구와 함께 사용합니다. 아래 Free/Pro 구분은 심사 중인 0.3.2 기준입니다.

설명용 미리보기

아래는 미리 정한 HTML/CSS 샘플입니다. 요소를 눌러 선택하고 패킷을 복사해 보세요.

1

선택

말로 설명하기 어려운 그 부분을, 직접 가리키세요.

sample.designDemo
#sample-heading · button

작은 아이디어가 시작되는 곳.

design-pick선택 중
2

전달

선택한 요소의 맥락을 복사해, 자신의 AI에 붙여넣으세요.

Free · 기본 맥락 패킷Demo

3

확인

Pro로 수정 전후의 렌더링 속성을 비교하세요.

Pro · 렌더링 속성 비교Demo
변경 결과 예시
#sample-heading
background-color
#20a56a#293cff
텍스트와 여백은 그대로

왼쪽 샘플에 예시 변경을 적용해 보세요.

실제 수정은 자신의 AI가 진행합니다. Free로 선택과 전달을, Pro로 변경 결과 검증을 이어갑니다.

“여기”에 필요한
맥락을 담아서.

화면만 보고 코드를 찾는 수고를 줄이세요. 선택한 요소를 이해하는 데 필요한 단서를 한 패킷으로 전달합니다.

Free · 요소 맥락

태그·ID·선택자·텍스트, 페이지와 뷰포트 정보.

Free · 렌더링 스타일

브라우저에 렌더링된 주요 CSS와 레이아웃 정보.

Pro · 소스 힌트

페이지에서 찾을 수 있는 경우, 소스 파일·줄 위치의 단서를 패킷에 추가합니다.

실제 확장 프로그램 화면

브라우저 안에서는,
이렇게 보입니다.

0.3.2 심사본을 개발용 샘플에서 직접 캡처한 실제 화면입니다. 현재 Chrome 웹 스토어 심사 중이며, 아직 공개한 버전은 아닙니다.

0.3.2 심사본 Free 확장 프로그램의 요소 선택 도구와 초록색 Hello world 제목이 보이는 개발용 샘플
01 / 040.3.2 심사본 · Free — 개발용 샘플에서 실행한 요소 선택 도구입니다.원본 이미지 · 클릭해 확대

필요한 만큼,
분명하게.

Chrome 확장 0.3.2에서 Free는 선택과 기본 복사, Pro는 소스 힌트와 변경 검증을 제공합니다.

Free

선택과 전달

무료

필요한 요소를 선택하고 기본 맥락을 AI에 전달하세요.

  • 웹 요소 선택
  • HTML 요소 정보·렌더링 CSS 맥락 복사
출시 상태 확인

Pro

출시 예정 · 판매 전

US$29일회 결제 예정

Free의 모든 기능에 소스 찾기와 수정 결과 검증을 더합니다.

  • 사용 가능한 소스 파일·줄 힌트
  • 변경 전후 렌더링 속성 비교
  • 변경 전후 스크린샷
  • 스크린샷 오버레이·픽셀 비교
  • CI 연동 (준비 중)

현재 신규 구매를 받지 않습니다.

자동 갱신 없는, 일회 결제 상품을 준비합니다.

예정된 US$29 상품은 포함된 기능과 결제 확정일로부터 달력 기준 12개월이 끝나기 전에 처음 출시되는 유료 기능을 제공합니다. 포함된 기능은 기간이 끝난 뒤에도 계속 사용할 수 있습니다. 자동 갱신은 없으며, 결제 후 14일 이내 환불을 제공할 예정입니다. 기존 계약은 유지됩니다.

최종 약관과 운영 검증을 마친 뒤 판매를 시작합니다. 현재 표시된 내용은 판매 중인 상품의 결제 안내가 아닙니다.

출시 상태

Chrome 웹 스토어
심사를 기다리고 있습니다.

Free/Pro 구분 변경을 반영한 0.3.2를 Chrome 웹 스토어에 제출해 심사 중입니다. 아직 공개 설치 링크는 없습니다.

자동 게시는 꺼져 있습니다. 신규 Pro 판매도 현재 닫혀 있습니다.

출시·지원 문의

궁금한 점을
짚어볼게요.

design-pick이 AI로 코드를 수정하나요?

수정은 사용 중인 AI 코딩 도구에서 진행합니다. Free로 웹 요소를 선택하고 기본 맥락 패킷을 복사한 뒤 자신의 AI에 붙여넣으세요. Pro는 소스 힌트와 수정 결과 검증을 더합니다.

Free에서도 변경 결과를 확인할 수 있나요?

Chrome 확장 0.3.2에서 Free는 요소 선택과 HTML 요소 정보·CSS 맥락 복사를 제공합니다. 속성 비교와 스크린샷·픽셀 비교는 Pro입니다. 기존 MIT CLI 기능은 유지됩니다.

소스 파일 위치를 항상 찾을 수 있나요?

0.3.2 Chrome 확장에서는 Pro가 페이지에서 찾을 수 있는 소스 파일·줄 힌트를 패킷에 포함합니다. 항상 찾는 것은 아니며, 힌트가 없을 때도 기본 선택자와 렌더링된 스타일을 전달할 수 있습니다.

라이선스와 결과물은 어떻게 사용할 수 있나요?

소프트웨어와 라이선스 키는 양도하거나 재판매할 수 없습니다. 도구를 사용해 만든 결과물은 사용·공유·판매할 수 있습니다. 최종 판매 약관은 공개 전 확정할 예정입니다.

구매와 환불은 언제 가능한가요?

현재 신규 판매는 닫혀 있습니다. 예정된 상품은 결제 후 14일 이내 환불을 제공합니다. 최종 조건은 판매 시작 전에 공개하며, 기존 계약은 유지됩니다. 문의는 contact@lo9os.org로 보내 주세요.

더 확인하고 싶은 부분이 있나요?

제품, 출시, 환불 관련 문의를 보내 주세요.

contact@lo9os.org