diff --git a/.claude-plugin/marketplace.json b/.claude-plugin/marketplace.json index d0601412c0..e5c7bb19f3 100644 --- a/.claude-plugin/marketplace.json +++ b/.claude-plugin/marketplace.json @@ -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" } ] } diff --git a/plugins/webpage-snapshot/.claude-plugin/plugin.json b/plugins/webpage-snapshot/.claude-plugin/plugin.json new file mode 100644 index 0000000000..380deae24b --- /dev/null +++ b/plugins/webpage-snapshot/.claude-plugin/plugin.json @@ -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" + } +} diff --git a/plugins/webpage-snapshot/README.md b/plugins/webpage-snapshot/README.md new file mode 100644 index 0000000000..a08edb94d3 --- /dev/null +++ b/plugins/webpage-snapshot/README.md @@ -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 diff --git a/plugins/webpage-snapshot/commands/webpage-snapshot.md b/plugins/webpage-snapshot/commands/webpage-snapshot.md new file mode 100644 index 0000000000..1c4bbef70f --- /dev/null +++ b/plugins/webpage-snapshot/commands/webpage-snapshot.md @@ -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