옵션
집 Skill 브라우저 자동화 screenshots-marketing

screenshots-marketing

nexu-io/open-design nexu-io/open-design

Playwright를 사용하여 마케팅용 스크린샷을 생성하세요. 랜딩 페이지의 메인 이미지, 앱 스토어 스크린샷, 변경 내역 시각 자료 제작에 유용합니다.

...모든 것을 확장하십시오
12
업데이트 된 시간 2026년 8월 25일

screenshots-marketing 소개

screenshots-marketing 이는 Open Design 스킬 컬렉션 내의 카탈로그 항목으로, 마케팅용 스크린샷을 생성하기 위한 Playwright 기반 워크플로를 소개합니다. 명시된 목적은 에이전트가 랜딩 페이지의 헤로 샷, 앱 스토어 스크린샷, 변경 내역 이미지 등 세련된 시각 자료를 제작할 수 있도록 지원함으로써, 마케팅 용도로 제품 이미지를 수동으로 캡처하고 구도 잡는 데 따르는 일반적인 문제를 해결하는 것입니다.

중요한 점은, 이 항목이 완전한 구현체가 아닌 간단한 안내 자료라는 것입니다. 번들로 제공되는 SKILL.md 파일은 에이전트의 기획 단계에서 이 스킬을 쉽게 찾을 수 있도록 돕는 단일 파일 형태의 소개 자료일 뿐이며, 실제 Playwright 스크립트, 자산 또는 참조 정보는 포함되어 있지 않습니다. 실제 워크플로를 실행하려면 사용자가 @Shpigford가 큐레이션한 업스트림 번들(github.com/Shpigford/screenshots)을 활성 에이전트의 스킬 디렉터리에 설치해야 합니다. 이 스킬은 “마케팅 스크린샷”, “Playwright 스크린샷”, “헤로 샷”, “앱 스토어 스크린샷”과 같은 트리거 문구를 노출하므로, 에이전트가 이름이나 의도를 기반으로 이를 불러올 수 있습니다.

이 스킬의 대상 사용자는 더 광범위한 에이전트 기반 디자인 시스템의 일환으로 자동화되고 반복 가능한 스크린샷 생성을 원하는 개발자, 인디 제작자 및 마케팅 엔지니어입니다. 이 스킬은 출시용 시각 자료 준비, 랜딩 페이지 업데이트 또는 앱 스토어 목록 이미지 제작과 같은 사용 사례에 적합합니다. 이 기능을 평가하려는 분들은 이 기능의 핵심 내용이 업스트림 저장소에 포함되어 있으며, 이 게시물은 단지 사용 가능 여부를 알리고 설치 안내를 제공하는 것임을 이해해야 합니다.

자주 묻는 질문

이 스킬에 실제 스크린샷 생성 코드가 포함되어 있나요?

아니요. 이 항목은 에이전트가 기획 단계에서 스킬을 검색할 수 있도록 홍보하는 카탈로그 항목입니다. 전체 Playwright 워크플로, 스크립트 및 자산은 github.com/Shpigford/screenshots의 업스트림 저장소에 있으며, 별도로 설치해야 합니다.

어떻게 실행하나요?

에이전트에게 이름으로 호출하도록 요청하거나(screenshots-marketing), “marketing screenshot”, “playwright screenshot”, “hero shot” 또는 “app store screenshot”과 같은 트리거 문구 중 하나를 사용하세요.

어떤 용도로 사용하나요?

Playwright를 사용하여 랜딩 페이지의 헤로 샷, 앱 스토어 스크린샷, 변경 내역 시각 자료 등 마케팅용 스크린샷을 생성하는 데 사용됩니다.

주요 제한 사항은 무엇인가요?

이 기능은 얇은 포인터입니다. 활성 에이전트의 스킬 디렉터리에 업스트림 번들을 설치하지 않으면, 실행 가능한 워크플로가 아닌 검색 메타데이터와 설치 지침만 얻을 수 있습니다.

GitHub에서 보기

Curated from @Shpigford.

What it does

Generate marketing screenshots with Playwright. Useful for landing-page hero shots, App Store screenshots, and changelog visuals.

Source

  • Upstream: https://github.com/Shpigford/screenshots
  • Category: screenshots

How to use

This catalogue entry advertises the skill in OpenDesign so the agentdiscovers it during planning. To run the full upstream workflow withits original assets, scripts, and references, install the upstreambundle into your active agent's skills directory:

# Inspect the upstream README for exact pathsopen https://github.com/Shpigford/screenshots

Then ask the agent to invoke this skill by name (screenshots-marketing) or withone of the trigger phrases listed in this skill's frontmatter.

모든 파일

1개 파일

screenshots-marketing 설치

스킬 파일을 다운로드하여 .claude/skills/ 디렉터리에 압축을 풀어주세요.

ZIP 다운로드

저장소를 클론하고 스킬 파일을 프로젝트에 복사하세요.

git clone https://github.com/nexu-io/open-design/blob/main/skills/screenshots-marketing/SKILL.md # Copy SKILL.md to your .claude/skills/ directory

복사 복사
빠른 설정: skill 폴더를 .claude/skills/로 복사하면 Claude가 해당 스킬을 자동으로 감지하여 사용합니다.

관련 스킬

playwright-cli
업데이트 된 시간 2026년 6월 29일
frontend-testing-best-practices
업데이트 된 시간 2026년 7월 7일
Playwright Browser Automation
업데이트 된 시간 2026년 6월 29일
playwright-generate-test
업데이트 된 시간 2026년 6월 29일
OR