CommunitySchreiben & Editierengithub.com

zc277584121/browser-screenshot

Nehmen Sie fokussierte, regionsspezifische Screenshots von Webseiten auf. Navigiert zur richtigen Seite basierend auf dem Benutzerkontext (URL, Suchanfrage, Social-Media-Beitrag), lokalisiert den Zielbereich über DOM-Selektoren und beschneidet das Bild zu einem sauberen, fokussierten Screenshot.

Was ist browser-screenshot?

Diese Fähigkeit ermöglicht es KI-Agenten, präzise, regionsspezifische Screenshots von Webseiten zu erstellen. Der Agent navigiert dabei automatisch zur richtigen Webseite, basierend auf dem bereitgestellten Kontext wie URL, Suchanfrage oder Social-Media-Beitrag. Anschließend wird der exakte Zielbereich auf der Seite mittels DOM-Selektoren lokalisiert und der Screenshot auf diesen Bereich zugeschnitten. Dies liefert einen sauberen, fokussierten Screenshot ohne überflüssige Randelemente. Die Fähigkeit ist besonders nützlich für QA-Entwickler, Web-Scraper und alle, die automatisierte, kontextabhängige Screenshots aus bestimmten Webseitenregionen benötigen. Sie unterstützt gängige KI-Agenten-Plattformen, die über Browser-Automatisierungsfähigkeiten verfügen, und arbeitet, indem sie die eingegebenen Kontextdaten analysiert, die passende Seite öffnet, den relevanten DOM-Knoten identifiziert und letztendlich den zugeschnittenen Screenshot zurückgibt.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/zc277584121/marketing-skills/tree/main/skills/browser-screenshot

Installed? Explore more Schreiben & Editieren skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht browser-screenshot?

Nehmen Sie fokussierte, regionsspezifische Screenshots von Webseiten auf. Navigiert zur richtigen Seite basierend auf dem Benutzerkontext (URL, Suchanfrage, Social-Media-Beitrag), lokalisiert den Zielbereich über DOM-Selektoren und beschneidet das Bild zu einem sauberen, fokussierten Screenshot.

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.

Verwandte Skills