여기에서 살펴보기

Playwright

Microsoft의 브라우저 자동화 및 엔드투엔드 테스트 MCP 서버. Claude가 웹 페이지와 상호작용하고, 스크린샷을 캡처하며, 양식을 입력하고, 테스트 워크플로우를 자동화 하는 것을 지원해 드립니다.

Play video

Playwright MCP를 통해 Claude는 스크린샷을 넘어 구조화된 접근성 데이터를 기반으로 브라우저 상호작용을 자동화할 수 있습니다.

이는 비전 모델을 필요로 하지 않는 빠르고 가벼운 브라우저 자동화를 구현합니다.

Claude는 페이지의 접근성 트리와 직접 연동되어 결정적이고 안정적인 상호작용을 제공해 드리는 것입니다.

주요 기능으로는 URL 탐색, 요소 클릭, 양식 입력, 파일 업로드 처리, 브라우저 대화 상자 관리, 스크린샷 촬영, PDF 생성, 맞춤형 Playwright 스크립트 실행이 있습니다.

또한 탭 관리, 네트워크 요청 검사, 콘솔 메시지 검색, 그리고 엔드투엔드 테스트 워크플로우를 위한 종합적인 테스트 검증 도구를 제공합니다.

사용 방법: Claude에게 브라우저 작업을 자연스럽게 실시하도록 요청합니다.

"example.com으로 이동해 스크린샷을 찍어 줘", "로그인 양식 사용자 이름에 [email protected]을 작성해 줘", "제출 버튼을 클릭하고 확인 메시지가 나타날 때까지 기다려 줘", "체크아웃 흐름이 올바르게 작동하는지 검증하는 엔드투엔드 테스트를 실행해 줘"와 같은 프롬프트를 사용해 보세요.

Claude에서는 이러한 작업을 완료하기 위해 적절한 브라우저 자동화 도구를 사용하는 것입니다.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Button Text
Button Text
Button Text
쓰기
  • 청중에게 맞는 독특한 목소리를 개발할 수 있도록 도와줘

    Claude! 청중에게 맞는 독특한 목소리를 개발하는 데 도움이 될 수 있을까요? 추가 정보가 필요하면 즉시 1~2가지 주요 질문을 해주세요. 더 나은 업무를 수행하는 데 도움이 될 수 있는 문서가 있으시면 알려주세요. Google Drive, 웹 검색 등 현재 사용 가능한 도구를 활용하면 더 효과적으로 작업할 수 있습니다. 분석 도구를 사용하지 마세요. 답변은 친절하고 간략하며 대화형 내용으로 작성해 주세요.

    가능한 빨리 작업을 수행하시기 바랍니다. 의미 있는 아티팩트가 있으면 좋습니다. 아티팩트를 사용하는 경우, 특정 작업에 가장 유용한 아티팩트 종류(대화형, 시각적, 체크리스트 등)를 고려해야 합니다. 도움을 주셔서 감사합니다!

  • 글쓰기 스타일 개선

    Claude! 제 글쓰기 스타일을 개선할 수 있을까요? 추가 정보가 필요하면 즉시 1~2가지 주요 질문을 해주세요. 더 나은 업무를 수행하는 데 도움이 될 수 있는 문서가 있으시면 알려주세요. Google Drive, 웹 검색 등 현재 사용 가능한 도구를 활용하면 더 효과적으로 작업할 수 있습니다. 분석 도구를 사용하지 마세요. 답변은 친절하고 간략하며 대화형 내용으로 작성해 주세요.

    가능한 빨리 작업을 수행하시기 바랍니다. 의미 있는 아티팩트가 있으면 좋습니다. 아티팩트를 사용하는 경우, 특정 작업에 가장 유용한 아티팩트 종류(대화형, 시각적, 체크리스트 등)를 고려해야 합니다. 도움을 주셔서 감사합니다!

  • 창의적인 아이디어 브레인스토밍

    Hi Claude! Could you brainstorm creative ideas? If you need more information from me, ask me 1-2 key questions right away. If you think I should upload any documents that would help you do a better job, let me know. You can use the tools you have access to— like Google Drive, web search, etc.—if they’ll help you better accomplish this task. Do not use analysis tool. Please keep your responses friendly, brief and conversational.

    Please execute the task as soon as you can—an artifact would be great if it makes sense. If using an artifact, consider what kind of artifact (interactive, visual, checklist, etc.) might be most helpful for this specific task. Thanks for your help!

학습
  • 복잡한 주제를 간단하게 설명

    Claude! 복잡한 주제를 간단히 설명해 주시겠습니까? 추가 정보가 필요하면 즉시 1~2가지 주요 질문을 해주세요. 더 나은 업무를 수행하는 데 도움이 될 수 있는 문서가 있으시면 알려주세요. Google Drive, 웹 검색 등 현재 사용 가능한 도구를 활용하면 더 효과적으로 작업할 수 있습니다. 분석 도구를 사용하지 마세요. 답변은 친절하고 간략하며 대화형 내용으로 작성해 주세요.

    가능한 빨리 작업을 수행하시기 바랍니다. 의미 있는 아티팩트가 있으면 좋습니다. 아티팩트를 사용하는 경우, 특정 작업에 가장 유용한 아티팩트 종류(대화형, 시각적, 체크리스트 등)를 고려해야 합니다. 도움을 주셔서 감사합니다!

  • 이러한 아이디어를 이해할 수 있도록 도와줘

    Claude! 이러한 아이디어를 이해하는 데 도움이 될 수 있을까요? 추가 정보가 필요하면 즉시 1~2가지 주요 질문을 해주세요. 더 나은 업무를 수행하는 데 도움이 될 수 있는 문서가 있으시면 알려주세요. Google Drive, 웹 검색 등 현재 사용 가능한 도구를 활용하면 더 효과적으로 작업할 수 있습니다. 분석 도구를 사용하지 마세요. 답변은 친절하고 간략하며 대화형 내용으로 작성해 주세요.

    가능한 빨리 작업을 수행하시기 바랍니다. 의미 있는 아티팩트가 있으면 좋습니다. 아티팩트를 사용하는 경우, 특정 작업에 가장 유용한 아티팩트 종류(대화형, 시각적, 체크리스트 등)를 고려해야 합니다. 도움을 주셔서 감사합니다!

  • 시험이나 면접 준비

    Claude! 시험이나 면접을 준비할 수 있나요? 추가 정보가 필요하면 즉시 1~2가지 주요 질문을 해주세요. 더 나은 업무를 수행하는 데 도움이 될 수 있는 문서가 있으시면 알려주세요. Google Drive, 웹 검색 등 현재 사용 가능한 도구를 활용하면 더 효과적으로 작업할 수 있습니다. 분석 도구를 사용하지 마세요. 답변은 친절하고 간략하며 대화형 내용으로 작성해 주세요.

    가능한 빨리 작업을 수행하시기 바랍니다. 의미 있는 아티팩트가 있으면 좋습니다. 아티팩트를 사용하는 경우, 특정 작업에 가장 유용한 아티팩트 종류(대화형, 시각적, 체크리스트 등)를 고려해야 합니다. 도움을 주셔서 감사합니다!

코드
  • 프로그래밍 개념 설명

    Claude! 프로그래밍 개념을 설명해 주시겠습니까? 추가 정보가 필요하면 즉시 1~2가지 주요 질문을 해주세요. 더 나은 업무를 수행하는 데 도움이 될 수 있는 문서가 있으시면 알려주세요. Google Drive, 웹 검색 등 현재 사용 가능한 도구를 활용하면 더 효과적으로 작업할 수 있습니다. 분석 도구를 사용하지 마세요. 답변은 친절하고 간략하며 대화형 내용으로 작성해 주세요.

    가능한 빨리 작업을 수행하시기 바랍니다. 의미 있는 아티팩트가 있으면 좋습니다. 아티팩트를 사용하는 경우, 특정 작업에 가장 유용한 아티팩트 종류(대화형, 시각적, 체크리스트 등)를 고려해야 합니다. 도움을 주셔서 감사합니다!

  • 코드와 팁 제공

    Claude! 제 코드를 살펴보고 팁을 줄 수 있나요? 추가 정보가 필요하면 즉시 1~2가지 주요 질문을 해주세요. 더 나은 업무를 수행하는 데 도움이 될 수 있는 문서가 있으시면 알려주세요. Google Drive, 웹 검색 등 현재 사용 가능한 도구를 활용하면 더 효과적으로 작업할 수 있습니다. 분석 도구를 사용하지 마세요. 답변은 친절하고 간략하며 대화형 내용으로 작성해 주세요.

    가능한 빨리 작업을 수행하시기 바랍니다. 의미 있는 아티팩트가 있으면 좋습니다. 아티팩트를 사용하는 경우, 특정 작업에 가장 유용한 아티팩트 종류(대화형, 시각적, 체크리스트 등)를 고려해야 합니다. 도움을 주셔서 감사합니다!

  • 나와 함께 Vibe 코드

    Claude! 저와 함께 코딩을 진행할 수 있을까요? 추가 정보가 필요하면 즉시 1~2가지 주요 질문을 해주세요. 더 나은 업무를 수행하는 데 도움이 될 수 있는 문서가 있으시면 알려주세요. Google Drive, 웹 검색 등 현재 사용 가능한 도구를 활용하면 더 효과적으로 작업할 수 있습니다. 분석 도구를 사용하지 마세요. 답변은 친절하고 간략하며 대화형 내용으로 작성해 주세요.

    가능한 빨리 작업을 수행하시기 바랍니다. 의미 있는 아티팩트가 있으면 좋습니다. 아티팩트를 사용하는 경우, 특정 작업에 가장 유용한 아티팩트 종류(대화형, 시각적, 체크리스트 등)를 고려해야 합니다. 도움을 주셔서 감사합니다!

더 보기
  • 고객 사례 작성

    이것은 또 다른 테스트입니다

  • 보조금 제안서 작성

    Claude! 보조금 제안서를 작성해 줄 수 있나요? 추가 정보가 필요하면 즉시 1~2가지 주요 질문을 해주세요. 더 나은 업무를 수행하는 데 도움이 될 수 있는 문서가 있으시면 알려주세요. Google Drive, 웹 검색 등 현재 사용 가능한 도구를 활용하면 더 효과적으로 작업할 수 있습니다. 분석 도구를 사용하지 마세요. 답변은 친절하고 간략하며 대화형 내용으로 작성해 주세요.

    가능한 빨리 작업을 실행하시기 바랍니다. 그리고 의미가 있는 경우에는 아티팩트가 좋습니다. 아티팩트를 사용하는 경우, 특정 작업에 가장 유용한 아티팩트 종류(대화형, 시각적, 체크리스트 등)를 고려해야 합니다. 도움을 주셔서 감사합니다!

  • 비디오 스크립트 작성

    이것은 테스트입니다

Anthropic
© [year] Anthropic PBC
제품
기능
모델
솔루션
Claude Developer Platform
학습
회사
고객 지원 및 보안
이용 약관 및 정책
  • 개인정보처리방침
  • 책임 있는 보안 취약점 공개 정책
  • 서비스 이용약관: 비즈니스용
  • 서비스 이용약관: 소비자용
  • 사용 정책
x.com
LinkedIn
YouTube
Instagram
한국어 (South Korea)