코드 없이 AI로 웹사이트를 내 마음대로 바꾸는 방법

AI로 유저스크립트를 만들면 내 브라우저에서 웹사이트를 바꿀 수 있습니다. 유저스크립트는 페이지를 방문할 때 페이지를 바꾸는 작은 프로그램입니다. ScriptPanda에서는 원하는 변경을 일상 언어로 설명하고, 만들어진 도구를 Chrome 확장 프로그램에서 관리합니다.

방해되는 패널 숨기기, 복사 버튼 추가, 표를 읽기 쉽게 만들기, AI 도우미 만들기 같은 일이 가능합니다. 웹사이트의 주인이 아니어도 됩니다. 변경은 내 브라우저에만 적용되며, 다른 방문자에게 웹사이트가 바뀌지는 않습니다.

아래 요청은 상황에 맞게 고치고 테스트할 출발점입니다. 특정 제3자 웹사이트에서 이 지시문 그대로 테스트했다는 뜻은 아닙니다.

결과가 분명한 변경 고르기

자주 쓰는 페이지에서 불편한 점 하나부터 시작하세요. "이 대시보드를 더 좋게 만들어 줘"는 AI가 추측해야 할 부분이 너무 많습니다. "공지 패널은 숨기고, 탐색 메뉴와 메인 표는 그대로 둬"는 확인할 수 있는 결과를 줍니다.

방해가 되는 것	가능한 개인 맞춤 설정
패널이 하고 있는 작업의 공간을 차지함	주요 내용은 그대로 두고 그 패널만 숨기기
표를 훑어보기 어려움	조건에 맞는 행을 강조하기
같은 형식으로 정보를 반복해서 복사함	선택한 항목을 복사하는 버튼 추가하기
같은 종류의 요약이 반복해서 필요함	출력 형식이 정해진 AI 동작 추가하기

첫 도구로는 눈에 보이고 되돌릴 수 있는 변경을 고르세요. 제대로 됐는지 판단하기 쉽고, 필요한 수정도 설명하기 쉽습니다.

ScriptPanda 설정하기

ScriptPanda는 Chrome 138 이상이 필요하며 요금제는 유료입니다. 설치만으로는 도구를 만들 수 있는 할당량이 포함되지 않습니다. 때때로 한정된 무료 체험이 제공됩니다. 계정에서 직접 신청해야 하며(자동으로 시작되지 않습니다), 신청한 순간부터 7일 동안 쓸 수 있는 요청 10회가 주어지고, 계정당 한 번입니다. 소진될 수 있는 한정된 물량에서 제공되므로, 확인할 때 제공되지 않을 수도 있습니다. 요금제를 확인하고, 로그인한 뒤 시작 단계를 마치세요.

Chrome에서는 확장 프로그램에 사용자 스크립트 허용(Allow user scripts)도 켜야 합니다. 시작 단계에서 이 설정으로 안내하고, 쉽게 열 수 있도록 확장 프로그램을 고정하는 것도 도와줍니다. 설정을 다시 확인해야 한다면 지원 페이지에 설명이 있습니다.

바꾸고 싶은 일반 웹사이트 페이지를 연 다음 ScriptPanda를 여세요. Chrome 내부 설정 페이지와 Chrome 웹 스토어는 확장 프로그램 접근이 제한되므로 테스트 페이지로 적합하지 않습니다.

페이지, 동작, 경계를 중심으로 요청 쓰기

유용한 요청은 세 가지 질문에 답합니다. 무엇을 바꿀지, 어디서 바꿀지, 무엇은 그대로 둘지입니다.

페이지 정리라면 이런 형태의 요청을 해 보세요.

이 페이지에서 메인 표 위에 있는 공지 패널을 숨겨 줘. 탐색 메뉴, 검색창, 표는 보이게 둬. 이 페이지에 다시 올 때도 같은 변경을 적용해 줘.

도우미 버튼이라면:

이 표 옆에 '선택한 정보 복사' 버튼을 추가해 줘. 클릭하면 선택한 행의 이름과 상태를 일반 텍스트로 복사해 줘. 선택한 행이 없으면 행을 선택하라는 메시지를 보여 줘.

이 예시는 의도한 동작을 설명합니다. 페이지마다 선택 항목이나 패널을 다르게 표시할 수 있으니, 실제로 보이는 이름에 맞게 고치세요. 페이지에 표가 여러 개 있거나 이름이 비슷한 영역이 있다면 어느 것을 말하는지 밝혀 주세요.

첫 요청에 서로 관계없는 변경 다섯 가지를 한꺼번에 넣지 마세요. 하나를 바꾸고, 확인하고, 거기서부터 이어 가세요.

만들어진 결과 확인하기

도구가 설치되면 어디서 실행되는지 살펴보고, 추가된 동작을 직접 써 보세요. JavaScript를 안다면 생성된 코드를 보고 수정할 수 있지만, 코드를 읽지 않고도 눈에 보이는 동작만으로 평가할 수 있습니다.

페이지 정리라면 올바른 패널이 사라졌는지, 중요한 컨트롤은 여전히 작동하는지 확인하세요. 복사 버튼이라면 결과를 확인할 수 있는 곳에 붙여 넣으세요. 복사된 항목을 원래 행과 비교하되, 문장 부호, 빈칸, 줄바꿈까지 확인하세요.

그런 다음 페이지를 새로 고치세요. 만든 직후에 제대로 보이는 도구도 새로 방문했을 때 제대로 작동해야 합니다. 다른 행을 선택한 상태, 빈 표, 열린 메뉴처럼 페이지의 다른 적절한 상태에서도 시험해 보세요.

이때 개인 맞춤 설정이 비로소 유용해집니다. 무엇을 하는지, 어디서 실행되는지, 무엇을 지켜봐야 하는지 알게 되기 때문입니다.

구체적인 수정으로 도구 다듬기

결과가 거의 맞다면, 처음 요청을 그대로 반복하지 말고 어디가 다른지 설명하세요.

버튼이 내가 선택한 행이 아니라 첫 번째 행을 복사해. 선택한 행만 사용해 줘. 버튼 위치는 지금 그대로 둬.

또는:

패널은 숨겨졌는데 표 위의 빈 공간이 남아 있어. 표 너비는 바꾸지 말고 그 공간을 없애 줘.

다듬는 데에도 요청이 쓰이므로, 수정은 구체적으로 하고 새 결과를 테스트하세요. 생성된 도구가 설치에 성공해도 원래 의도에 맞추려면 손봐야 할 수 있습니다.

도구가 언제 다시 AI를 쓰는지 알아 두기

패널을 숨기거나 기존 텍스트를 복사하는 도구는 실행할 때마다 AI가 필요하지 않을 수 있습니다. ScriptPanda는 도구를 만들거나 바꿀 때 요청을 쓰고, 그 뒤 일반 도구는 요청을 쓰지 않고 로컬에서 실행됩니다.

AI 요약 버튼은 다릅니다. 쓸 때마다 AI에게 텍스트를 해석하게 하므로 그 실행에도 요청이 쓰입니다. 요청 하나는 AI 작업의 일부이며, 완성된 도구 하나나 길이 제한 없는 요약 하나를 보장하는 것이 아닙니다.

예를 들어 AI 도구 요청은 다음과 같을 수 있습니다.

글 위에 버튼을 추가해서 핵심 결론, 제시된 근거, 글에서 언급한 불확실한 점을 세 개의 글머리 기호로 만들어 줘. 결과는 글 옆에 보여 줘.

결과를 원문과 대조해 읽으세요. 일정한 형식은 요약을 확인하기 쉽게 해 주지만, 요약을 자동으로 정확하게 만들지는 않습니다.

맞춤 설정에 의존하기 전에 한계 이해하기

ScriptPanda는 지금 쓰고 있는 페이지를 위한 도구를 만듭니다. 작업을 예약하거나, 여러 웹사이트에 걸친 워크플로를 조율하거나, 브라우저가 닫힌 상태에서 실행하지는 않습니다.

생성된 도구는 확장 프로그램 안에 로컬로 저장됩니다. 확장 프로그램을 제거하거나 데이터를 지우면 도구도 사라집니다. 웹사이트가 개편되면 도구를 업데이트해야 할 수도 있습니다. 무엇이 고장 났는지 설명하고 수정된 결과를 확인하세요.

도구가 로컬에 저장된다고 해서 도구를 만드는 과정이 모두 내 컴퓨터에서 일어나는 것은 아닙니다. ScriptPanda는 AI 처리를 위해 요청 내용, 페이지 주소, 페이지를 간추린 텍스트 개요를 서버로 보냅니다. 무엇이 브라우저 밖으로 나가는지는 개인정보 상세 내용에서 확인하세요.

자주 묻는 질문

다른 사람도 내 변경 사항을 보나요?

아닙니다. 내 브라우저에만 적용되는 개인 맞춤 설정이며, 모든 사람을 위해 웹사이트 소스를 바꾸는 것이 아닙니다. 계정으로 평소에 볼 수 없는 정보에 접근하게 해 주지도 않습니다.

JavaScript를 배워야 하나요?

아닙니다. 도구와 수정 사항을 일상 언어로 설명하면 됩니다. 직접 제어하고 싶다면 코드를 살펴보고 수정할 수도 있습니다.

만들기에 실패하면 어떻게 되나요?

설치할 수 있는 결과가 나오지 않으면 사용한 요청은 돌려받습니다. 도구가 설치됐지만 의도와 다르다면, 변경을 요청할 때 요청이 쓰입니다. 두 경우는 다르므로 설치 후에 도구의 동작을 테스트하세요.

첫 프로젝트로는 무엇이 좋을까요?

바로 확인할 수 있고 다시 쓸 것 같은 것을 고르세요. 더 깔끔한 페이지, 특정 항목만 복사하는 동작, 내보내기 버튼 같은 것입니다. 더 구체적인 예시는 웹사이트 표에 'CSV 내보내기' 버튼을 추가하는 방법을 읽어 보세요. 반복해서 쓸 용도가 떠오르면 ScriptPanda 요금제를 고르고 작은 도구 하나부터 시작하세요.