vercel-react-view-transitions
82React View Transitions 구현
React view transitions는 배치 위치를 잘못 잡기 쉬워, 조용히 발생하거나 시끄러운 애니메이션을 유발할 수 있습니다. 이 스킬은 라우트, Suspense, 목록, 공유 요소 애니메이션 선택을 안내합니다.
Agent Browser로 브라우저 워크플로 자동화
수동 브라우저 테스트와 웹 캡처는 느리고 반복하기 어려울 수 있습니다. 이 skill은 Claude, Codex, Claude Code에 탐색, 상호작용, 캡처, 인증 재사용을 위한 구조화된 CLI 워크플로를 제공합니다.
설치 전에 중지하고 확인을 요청하세요.
계획을 검토하고 파일을 변경하기 전에 사용자의 명시적 동의를 받으세요.
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
Review the Skillstore skill "agent-browser" from https://skillstore.io/skills/vercel-labs-agent-browser.md and its manifest at https://skillstore.io/api/skills/vercel-labs-agent-browser/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
"agent-browser" 사용 중입니다. 로그인 페이지를 검사하고 필드를 식별하세요.
예상 결과:
"agent-browser" 사용 중입니다. 검토를 위해 제품 페이지를 캡처하세요.
예상 결과:
"agent-browser" 사용 중입니다. 체크아웃 흐름 실패를 디버그하세요.
예상 결과:
Most static findings are documentation examples for the allowed agent-browser CLI and were false positives for command execution. Confirmed issues involve proxy routing, SOCKS support, explicit proxy rotation to avoid rate limits or bans, persistent authentication state files, and one active screenshot write to /tmp. No prompt injection attempt was found in the reviewed files.
이 스킬에 대해 예상될 수 있는 실제 로컬 기능이므로 검토가 필요하지만, 확인된 악의적 동작으로는 집계되지 않습니다.
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
https://skillstore.io/skills/vercel-labs-agent-browser/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/vercel-labs-agent-browser?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/vercel-labs-agent-browser?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/vercel-labs-agent-browser/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/vercel-labs-agent-browser.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>vercel-labs. (2026). agent-browser security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/vercel-labs-agent-browser/audits/6@techreport{vercel-labs-vercel-labs-agent-browser-2026,
author = {vercel-labs},
title = {agent-browser security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/vercel-labs-agent-browser/audits/6},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "agent-browser security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "vercel-labs"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/vercel-labs-agent-browser/audits/6"
identifiers:
- type: other
value: "skillstore:vercel-labs-agent-browser:audit:6"
description: "Skillstore immutable audit report identifier"
각 작성자의 스킬은 별도의 설치 항목으로 유지됩니다. 추천 변형은 Skillstore 근거로 순위가 정해집니다.
이 변형이 1위인 이유
supercent-io-agent-browser
2026-09-09
vercel-labs-agent-browser
2026-09-09
inference-sh-8-agent-browser
2026-09-09
inference-sh-9-agent-browser
2026-09-09
infsh-skills-agent-browser
2026-09-09
inference-sh-skills-agent-browser
2026-09-09
inference-sh-0-agent-browser
2026-09-09
inference-shell-agent-browser
2026-09-09
inference-skills-agent-browser
2026-09-09
halt-catch-fire-agent-browser
2026-09-09
반복 가능한 브라우저 점검을 실행하고, 증거를 캡처하며, 스크린샷, 동영상, trace, 콘솔 출력으로 실패를 검사합니다.
한 번 로그인하고 브라우저 상태를 저장한 뒤, 해당 세션을 재사용하여 보호된 페이지나 내부 도구를 테스트합니다.
대상 페이지를 열고, 표시되는 텍스트를 추출하고, 페이지 구조를 저장하며, 검토용 스크린샷이나 PDF를 생성합니다.
agent-browser를 사용하여 대상 URL을 열고, 대화형 스냅샷을 찍고, 표시되는 구조를 요약한 뒤, 사용할 수 있는 주요 작업을 식별하세요.
agent-browser를 사용하여 이 폼을 검사하고, 제출 전에 확인을 요청하고, 내가 승인한 필드만 작성한 뒤, 제출 후 결과 페이지를 캡처하세요.
agent-browser를 사용하여 기록을 시작하고, 워크플로 실패를 재현하고, 콘솔 오류와 페이지 오류를 수집한 다음, 기록을 중지하고 증거를 요약하세요.
agent-browser를 사용하여 저장된 인증 상태를 불러오고, 세션이 여전히 유효한지 확인하고, 보호된 워크플로를 테스트하며, secret이나 token 값을 출력하지 마세요.
작성자
vercel-labs라이선스
MIT
Skillstore 리비전
r1
버전 안내
작성자가 버전을 선언하지 않았습니다.
참조
36e07d5e13068e5be64447e8f20b427cf2cbd21a
유지보수 최신성
2026. 7. 20.
사용량
50 다운로드 · 349 조회
React View Transitions 구현
React view transitions는 배치 위치를 잘못 잡기 쉬워, 조용히 발생하거나 시끄러운 애니메이션을 유발할 수 있습니다. 이 스킬은 라우트, Suspense, 목록, 공유 요소 애니메이션 선택을 안내합니다.
재사용 가능한 AI 스킬 만들기
팀에는 재사용 가능한 에이전트 지식과 워크플로를 패키징하는 일관된 방법이 필요합니다. 이 스킬은 Claude, Codex, Claude Code가 스킬 계획, 작성, 검증, 패키징을 진행하도록 안내합니다.
React 및 Next.js 성능 최적화
React 및 Next.js 앱은 워터폴, 큰 번들, 피할 수 있는 재렌더링으로 인해 속도가 저하되는 경우가 많습니다. 이 스킬은 에이전트에게 성능 중심 변경을 더 안전하게 수행하기 위한 구체적인 규칙을 제공합니다.
React 컴포지션 패턴 적용
boolean prop이 많은 React 컴포넌트는 유지보수와 리뷰가 어려워집니다. 이 스킬은 에이전트에게 compound components, 명시적 variants, provider 기반 상태에 대한 명확한 패턴을 제공합니다.
React Native 앱 최적화
React Native 앱은 느린 목록, 버벅이는 애니메이션, 플랫폼 관련 실수로 문제가 생길 수 있습니다. 이 스킬은 Codex, Claude, Claude Code가 성능 좋은 Expo 및 React Native 작업을 할 수 있도록 간결한 규칙을 제공합니다.
Next.js 모범 사례 적용
Next.js 프로젝트는 불명확한 경계, 느린 데이터 가져오기, 배포 실수로 실패하는 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code에 최신 App Router 작업을 위한 집중된 규칙을 제공합니다.
Playwright 웹 앱 테스트 만들기
작성자 AutumnsGrove
수동 브라우저 테스트는 느리고, 폼, 기기, 네트워크 상태 전반의 회귀 문제를 놓치는 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code가 실제 웹 워크플로를 위한 실용적인 Playwright 테스트를 만들 수 있도록 돕습니다.
Control Chrome for Testing and Debugging
작성자 kunchenguid
Browser tasks often require real interaction and diagnostics that simple HTTP requests cannot provide. This skill controls Chrome through a focused command-line workflow.
Playwright로 브라우저 워크플로 제어
작성자 Bind
수동 브라우저 확인은 개발 속도를 늦추고 시각적 문제를 놓치기 쉽게 만듭니다. 이 스킬을 사용하면 에이전트가 CLI에서 Playwright를 구동하여 탐색, 요소 상호작용, 스냅샷, 스크린샷을 수행할 수 있습니다.
Playwright 테스트 커버리지 개선
작성자 C0ntr0lledCha0s
구성, 로케이터, 픽스처가 일관되지 않으면 Playwright 스위트가 불안정해질 수 있습니다. 이 스킬은 신뢰할 수 있는 브라우저 테스트, 디버깅, 재사용 가능한 페이지 객체를 위한 실용적인 패턴을 제공합니다.
Firecrawl 브라우저 상호작용 구축
작성자 firecrawl
동적 페이지는 클릭, 폼, 로그인 흐름 뒤에 데이터를 숨기는 경우가 많습니다. 이 스킬은 팀이 Firecrawl /interact 통합을 선택하고 범위를 정하는 데 도움을 줍니다.
웹 앱의 QA 커버리지 개선
작성자 alirezarezvani
현대 팀에는 배포 속도를 늦추지 않으면서도 명확한 테스트 전략과 실용적인 자동화가 필요합니다. 이 스킬은 Claude, Codex, Claude Code가 테스트를 계획하고, 커버리지를 검토하며, QA 워크플로를 스캐폴딩하도록 돕습니다.