Rever UI Cloner: UI 복제를 위한 HTML 스크래핑 대체 도구, AI 최적화

Rever UI Cloner는 에이전트가 UI 복제 작업을 위해 지저분한 HTML/DOM을 스크래핑하는 문제를 해결하는 AI 최적화(AIO) 엔드포인트입니다. 에이전트가 웹사이트를 수동으로 탐색하고 원시 HTML을 추출하는 대신—이는 토큰 컨텍스트 창을 팽창시키고 Tailwind 클래스의 환각을 유발합니다—이 API는 LLM이 React/Tailwind/Shadcn 코드로 직접 변환할 수 있는 깔끔한 디자인 청사진을 제공합니다.

작동 방식

API에 URL을 제공하면, 봇 보호를 우회하여 수학적으로 완벽한 프롬프트/청사진을 반환합니다. 이는 에이전트가 UI 클로닝 작업을 위해 원시 HTML을 스크래핑하려 할 때 발생하는 컨텍스트 팽창 문제를 완전히 해결합니다.

주요 기능

• AI 에이전트를 위해 특별히 제작됨 (AIO - AI 최적화)
• 웹사이트 콘텐츠에 접근하기 위해 봇 보호를 우회
• 지저분한 HTML/DOM 대신 깔끔한 디자인 청사진 반환
• LLM이 출력을 React/Tailwind/Shadcn 코드로 즉시 변환 가능
• HTML 스크래핑으로 인한 컨텍스트 창 팽창 제거
• UI 환각 문제 감소

결제 시스템

이 엔드포인트는 x402 결제 프로토콜을 구현하여, 에이전트가 프롬프트를 잠금 해제하기 위해 Base 네트워크에서 1 USDC 마이크로 트랜잭션이 필요합니다. 이는 에이전트 간 암호화폐 결제의 최초 실제 구현 중 하나를 나타냅니다.

통합

UI 환각 문제로 어려움을 겪는 맞춤형 GPT나 로컬 에이전트 워크플로우를 구축하는 개발자의 경우, OpenAPI 사양을 사용하여 API 사양을 직접 툴 체인에 연결할 수 있습니다: https://www.aypiai.online/openapi.json

이 접근 방식은 Browser Use나 Claude의 컴퓨터 사용과 같은 도구를 사용하는 웹 자동화 워크플로우에서 특히 유용하며, 에이전트가 웹사이트 디자인을 복제하도록 요청받는 경우에 적합합니다.