Hypermatic Agent Skills는 AI 에이전트에 간결한 Weblify 플레이북을 제공해요. Weblify 스킬은 사이트 전체 내보내기, 선택한 레이어의 코드 검사, 웹사이트 가져오기, 로컬 편집, 배포를 구분해서 에이전트가 각 결과를 정확하게 보고하도록 해요.

Hypermatic Agent Skills 설치

터미널 설치 명령이나 터미널 없이 쓰는 프롬프트를 복사하세요. 한 번 설치하면 Hypermatic 플러그인 스킬 12개가 모두 포함돼요.

Weblify 스킬 설치

1. Hypermatic Agent Skills를 여세요.
2. 터미널 명령을 복사하거나, 터미널 없이 쓰는 프롬프트를 복사해 에이전트에 붙여 넣으세요.
3. 설치된 스킬 목록에 hypermatic-weblify가 있는지 확인하세요.
4. 작업할 때 Weblify 스킬을 사용하라고 에이전트에 요청하세요.

스킬이 도와줄 수 있는 일

• 완전한 정적 HTML 및 CSS 웹사이트 빌드, 미리보기, 점검, 내보내기
• 선택한 Figma 레이어를 HTML, Tailwind, React, Vue 코드로 검사
• 공개 웹사이트나 로그인이 필요한 웹사이트 콘텐츠를 Figma로 안전하게 가져오기
• 생성된 코드, 로컬 브라우저 확인 결과, 실제 배포를 구분

Quick Actions

지원되는 반복 작업은 플러그인 패널을 숨긴 채 Weblify Quick Actions로 실행하세요. 레퍼런스에는 일반 필드 예시, 선택 요구 사항, 기계가 읽을 수 있는 레지스트리가 포함돼 있어요. 설치된 플러그인의 Quick Actions 목록에서 지원되는 작업을 고르세요. 결과는 일반 알림, 문서 변경, 저장된 파일로 확인할 수 있어요.

프롬프트 예시

• Use the Weblify skill to audit and export this responsive Figma page.
• Use the Weblify skill to inspect this component as React code.
• Use the Weblify skill to validate the exported static website locally.

승인과 검증

에이전트는 워크플로를 안내하거나, 요청한 변경을 승인하면 사용 가능한 Figma, 브라우저, 파일 시스템, 컴퓨터 제어 도구를 사용할 수 있어요. 클립보드 가져오기, 메타데이터 수정, 저장소 편집, 배포는 각각 별개의 작업이에요. 생성된 ZIP이나 로컬 미리보기는 웹사이트가 배포되었다는 증거가 아니에요.

체험 한도

Weblify가 체험 사용 횟수를 모두 썼다고 알리면, 에이전트는 재시도를 멈추고 Weblify 가격 및 구매 옵션으로 안내해야 해요. 결제와 라이선스 활성화는 직접 완료한 다음, Weblify가 활성화되면 에이전트에 알려 주세요.

스킬 최신 상태로 유지하기

Hypermatic Agent Skills로 돌아가 Update 명령을 사용하면 안정적인 최신 Weblify 지침이 설치돼요.