Community라이팅 & 에디팅github.com

zc277584121/browser-screenshot

웹 페이지에서 집중된 영역별 스크린샷을 캡처합니다. 사용자 컨텍스트(URL, 검색어, 소셜 미디어 게시물)에 따라 올바른 페이지로 이동하고, DOM 선택자를 통해 대상 영역을 찾아 깔끔하고 집중된 스크린샷으로 크롭합니다.

browser-screenshot란 무엇인가요?

이 기술은 웹 페이지에서 특정 영역에 초점을 맞춘 스크린샷을 캡처하는 데 사용됩니다. 개발자나 AI 에이전트 사용자는 복잡한 웹 페이지에서 원하는 부분만 정확하게 스크린샷으로 추출할 수 있습니다. 사용자 컨텍스트(예: URL, 검색어, 소셜 미디어 게시물)를 기반으로 적절한 페이지로 자동 탐색하며, DOM 선택자를 사용하여 대상 영역을 식별하고 크롭하여 불필요한 요소를 제거합니다. 이 기술은 Claude Code, Cursor, Codex와 같은 AI 어시스턴트와 통합되어 웹 데이터 수집, 버그 리포트, 문서화 작업 등에 유용하게 활용될 수 있습니다. 자세한 사용 방법은 SKILL.md 문서를 참조하십시오.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/zc277584121/marketing-skills/tree/main/skills/browser-screenshot

Installed? Explore more 라이팅 & 에디팅 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

browser-screenshot은(는) 무엇을 하나요?

웹 페이지에서 집중된 영역별 스크린샷을 캡처합니다. 사용자 컨텍스트(URL, 검색어, 소셜 미디어 게시물)에 따라 올바른 페이지로 이동하고, DOM 선택자를 통해 대상 영역을 찾아 깔끔하고 집중된 스크린샷으로 크롭합니다.

Individual skills in this repo

This repo contains 12 individual skills — each has its own dedicated page.

zc277584121/chrome-automation

Automate Chrome browser tasks using agent-browser CLI. Navigate pages, fill forms, click buttons, take screenshots, extract data, and replay recorded workflows — all inside the user's real Chrome session.

zc277584121/content-rewrite

Adapt and rewrite content for different platforms (LinkedIn, X, Reddit, English blog, WeChat). Each platform has its own tone, format, and length requirements.

zc277584121/github-traffic

Fetch, store, and visualize GitHub repository traffic data (views, clones, referrers, stars) with trend charts. Requires repo push access.

zc277584121/image-generation

Generate illustration images for articles and documentation with a Codex-first workflow, OpenAI API fallback, and Gemini fallback.

zc277584121/jupyter-notebook-writing

Write Milvus application-level Jupyter notebook examples using a Markdown-first workflow with jupyter-switch for format conversion.

zc277584121/md-to-feishu

Convert local Markdown files to Feishu (Lark) documents with automatic image uploading. Uses the feishu-docx CLI tool.

zc277584121/mermaid-to-gif

Convert Mermaid code blocks in .mmd or .md files to animated GIFs with customizable animation styles (progressive, highlight walk, pulse flow, wave).

zc277584121/mermaid-to-image

Convert Mermaid code blocks in Markdown files to PNG images using the mermaid.ink API.

zc277584121/raw-video-processing

Post-process raw screen recordings by removing silent segments and applying speed adjustments. Uses FFmpeg-based Python scripts to optimize video pacing automatically.

zc277584121/remove-ai-style

Review and adjust writing style to reduce AI-generated patterns, making text read more naturally and human-like. Supports Chinese and English.

zc277584121/screenshot-compression

Compress PNG and JPEG screenshots in place using pngquant and jpegoptim, keeping the original format for maximum compatibility.

zc277584121/video-to-gif

Convert a video to multiple GIF variants with different quality/size tradeoffs. Generates a comparison set so the user can visually pick the best result.

관련 스킬