Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 11 additions & 0 deletions .claude-plugin/marketplace.json
Original file line number Diff line number Diff line change
Expand Up @@ -145,6 +145,17 @@
},
"source": "./plugins/security-guidance",
"category": "security"
},
{
"name": "webpage-snapshot",
"description": "Capture and save webpage screenshots using browser automation",
"version": "1.0.0",
"author": {
"name": "大粒子",
"email": "z814241@gmail.com"
},
"source": "./plugins/webpage-snapshot",
"category": "productivity"
}
]
}
9 changes: 9 additions & 0 deletions plugins/webpage-snapshot/.claude-plugin/plugin.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
{
"name": "webpage-snapshot",
"description": "Capture and save webpage screenshots using browser automation",
"version": "1.0.0",
"author": {
"name": "大粒子",
"email": "z814241@gmail.com"
}
}
52 changes: 52 additions & 0 deletions plugins/webpage-snapshot/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
# Webpage Snapshot Plugin

A Claude Code plugin that enables capturing screenshots of webpages using browser automation.

## Features

- Capture full-page or viewport screenshots of any webpage
- Automatic page load detection
- Clean browser management

## Installation

This plugin is included in the claude-code-plugins bundle. To use it:

1. Ensure you have Claude Code installed
2. The plugin is automatically available in projects that include the marketplace

## Usage

Use the `/webpage-snapshot` command followed by the URL you want to capture:

```
/webpage-snapshot https://example.com
```

The command will:
1. Open a browser window
2. Navigate to the specified URL
3. Wait for the page to load
4. Capture a screenshot
5. Save it with a descriptive filename
6. Close the browser

## Examples

Capture a screenshot of a website:
```
/webpage-snapshot https://www.anthropic.com
```

## Requirements

- Claude Code with browser automation support
- Internet connection for accessing webpages

## Author

Created by 大粒子 for the Claude Code ecosystem.

## Version

1.0.0
23 changes: 23 additions & 0 deletions plugins/webpage-snapshot/commands/webpage-snapshot.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
---
allowed-tools: playwright-browser_navigate, playwright-browser_take_screenshot, playwright-browser_snapshot, playwright-browser_close
description: Capture a screenshot of a webpage
---

## Your task

Capture a screenshot of the specified webpage URL.

## Steps

1. Navigate to the URL provided by the user
2. Wait for the page to load completely
3. Take a screenshot of the page
4. Save the screenshot with an appropriate filename
5. Close the browser when done

## Important notes

- Always wait for the page to fully load before taking a screenshot
- Use a descriptive filename for the screenshot
- Handle any errors gracefully and inform the user
- Close the browser after capturing the screenshot