취약한 브라우저 자동화의 종말이 왔다

Source: Dev.to

전통적인 자동화의 문제점

전통적인 자동화 도구(Selenium, Playwright, Puppeteer)는 깨지기 쉬운 셀렉터에 의존합니다:

// 사이트가 업데이트될 때까지는 괜찮아 보이지만
await page.click('#submit-button');

웹사이트는 변합니다. 디자이너는 리팩터링을 하고, 기업은 리브랜딩을 합니다. 정성스럽게 만든 자동화가 경고 없이 깨집니다.

진짜 문제는 무엇을 해야 하는지를 설명하는 것이 아니라 어떻게 해야 하는지를 설명하고 있다는 점입니다.

새로운 접근법: SkillForge

특정 셀렉터를 목표로 하는 대신, 무엇을 찾고 있는지 설명한다면 어떨까요?

• 대신: ID가 "submit-btn"인 요소 클릭
• 당신은 이렇게 말합니다: 주요 제출 버튼 클릭

SkillForge는 기록된 세션에서 의도, 워크플로우, 컨텍스트를 추출하고 SKILL.md 파일을 생성합니다. 이 파일은 셀렉터가 아니라 목표를 설명합니다. 그런 다음 어떤 AI 에이전트든 이 스킬을 다양한 프레임워크에서 실행할 수 있습니다.

전통적인 자동화 예시

await page.click('button[data-testid="login"]');
await page.fill('input[name="email"]', 'user@example.com');
// data-testid가 바뀌면 깨짐

SkillForge 접근법

1. 인증
   • “Sign In” 버튼(주요 CTA) 찾기
   • 로그인 폼에 자격 증명 입력
   • 제출하고 대시보드가 로드될 때까지 대기

AI가 셀렉터를 찾아내고, 당신은 워크플로우에 집중합니다.

장점

• ✅ UI가 업데이트되어도 스크립트가 깨지지 않음
• ✅ 도메인 전문가가 코딩 없이 자동화를 만들 수 있음
• ✅ 스킬이 프레임워크 간에 이식 가능
• ✅ 인간이 읽기 쉬운 형식으로 쉽게 검토 가능
• ✅ AI 기반 실행이 인터페이스 변화에 적응

시작하기

우리는 오늘 바로 이용 가능하며 여러분의 지원을 기다립니다:

• 🔗 Product Hunt – SkillForge 2
• 🌐 skillforge.expert

깨지기 쉬운 셀렉터 관리에 지치셨나요?