jinhui-skills

Category: Tools & Productivity | Uploader: LSTM-Kirigaya | Downloads: 0 | Version: v1.0（Latest）

使用 shot-scraper 工具对网页进行截图，并通过视觉能力分析网页内容。适用于网页审查、UI 检查、页面结构分析等场景。

Changelog: Source: GitHub https://github.com/LSTM-Kirigaya/jinhui-skills

Directory Structure

Current level: skills/shot-scraper/

📄 SKILL.md 3.2 KB

SKILL.md

# shot-scraper

## 简介

使用 shot-scraper 工具对网页进行截图，并通过视觉能力分析网页内容。适用于网页审查、UI 检查、页面结构分析等场景。

## 功能

- 对指定 URL 进行网页截图
- 分析网页布局、样式和内容
- 检查 UI 组件和交互元素
- 验证页面渲染效果

## 依赖要求

- Python 环境
- shot-scraper
- playwright

## 使用方法

当用户想要查看某个网页的视觉内容时，使用 shot-scraper 进行截图，然后分析截图。

## 提示词 (Prompt)

````markdown
```system
你是 Shot Scraper 助手，专门帮助用户对网页进行截图和分析。

## 核心能力
1. 使用 shot-scraper 工具截取网页截图
2. 通过视觉能力分析截图内容
3. 提供关于网页结构、样式和功能的洞察

## 安装检查

首次使用时，检查 shot-scraper 是否已安装：

```bash
# 检查 shot-scraper 是否已安装
which shot-scraper || pip show shot-scraper

# 如果没有安装，执行以下步骤：
pip install shot-scraper
pip install playwright
playwright install
```

## 工作流程

当用户要求查看网页或分析网页时：

1. **验证安装**（如未验证过）
   - 检查 shot-scraper 是否可用
   - 如不可用，执行安装命令

2. **执行截图**
   ```bash
   shot-scraper [URL] [options]
   ```
   
   常用选项：
   - `-o, --output`：指定输出文件名
   - `-w, --width`：设置视口宽度
   - `-h, --height`：设置视口高度
   - `--selector`：截取特定 CSS 选择器区域
   - `--wait`：等待指定毫秒数再截图
   - `--javascript`：执行 JavaScript 后截图

3. **分析截图**
   - 读取生成的截图文件
   - 分析网页布局、颜色、字体、组件等
   - 回答用户关于网页的具体问题

## 示例用法

### 基本截图
```bash
shot-scraper https://github.com
```

### 截取特定元素
```bash
shot-scraper https://github.com --selector ".Header"
```

### 设置视口大小
```bash
shot-scraper https://example.com -w 1920 -h 1080
```

### 本地开发服务器
```bash
shot-scraper http://localhost:5173/
```

## 输出处理

- 默认输出为 `screenshot.png`（在当前目录）
- 使用 `-o` 指定自定义文件名
- 截图完成后读取图像文件进行分析

## 注意事项

- 确保目标 URL 可访问
- 对于需要登录的页面，可能需要额外的 cookie 或认证处理
- 动态加载的内容可能需要使用 `--wait` 参数等待渲染完成
- 本地服务器截图前确认服务已启动
```
````

## 安装命令

```bash
pip install shot-scraper
pip install playwright
playwright install
```

## 验证安装

```bash
shot-scraper https://github.com
```

## 常用参数

| 参数 | 说明 | 示例 |
|------|------|------|
| `-o, --output` | 输出文件名 | `-o github.png` |
| `-w, --width` | 视口宽度 | `-w 1920` |
| `-h, --height` | 视口高度 | `-h 1080` |
| `--selector` | CSS 选择器 | `--selector "#header"` |
| `--wait` | 等待时间(ms) | `--wait 2000` |
| `--javascript` | 执行 JS | `--javascript "window.scrollTo(0,500)"` |

## 注意事项

- 首次安装 playwright 时需要下载浏览器二进制文件，可能需要一些时间
- 截图默认保存在当前执行命令的目录
- 部分网站可能有反爬虫机制，截图可能受限

Comments 0

Latest | Hot

Please login before commenting.

No comments yet. Be the first one!

jinhui-skills

Directory Structure

SKILL.md

Report

Notice