CommunityRédaction et éditiongithub.com

zc277584121/browser-screenshot

Prend des captures d'écran ciblées et spécifiques à une région à partir de pages web. Navigue vers la bonne page en fonction du contexte utilisateur (URL, requête de recherche, publication sur les réseaux sociaux), localise la région cible via les sélecteurs DOM et recadre pour obtenir une capture d'écran nette et ciblée.

Qu'est-ce que browser-screenshot ?

Cette compétence permet de capturer des captures d'écran précises et recadrées de régions spécifiques d'une page web. Elle est utile pour les développeurs et les utilisateurs d'agents IA qui ont besoin d'extraire visuellement des informations ciblées (par exemple, un résultat de recherche, une publication spécifique, un élément d'interface) sans avoir à capturer l'intégralité de la page. La compétence fonctionne en naviguant vers la page indiquée par l'utilisateur (via une URL, une requête de recherche ou une publication sur les réseaux sociaux), puis en localisant la région cible à l'aide de sélecteurs DOM (comme des classes CSS ou des identifiants) et en recadrant la capture d'écran sur cette zone. Elle est conçue pour être utilisée avec des agents comme Claude Code et prend en charge les navigateurs modernes.

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

Installed? Explore more Rédaction et édition skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait browser-screenshot ?

Prend des captures d'écran ciblées et spécifiques à une région à partir de pages web. Navigue vers la bonne page en fonction du contexte utilisateur (URL, requête de recherche, publication sur les réseaux sociaux), localise la région cible via les sélecteurs DOM et recadre pour obtenir une capture d'écran nette et ciblée.

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.

Skills associés