Free SKILL.md scraped from GitHub. Clone the repo or copy the file directly into your Claude Code skills directory.
npx versuz@latest install vivekkarmarkar-claude-code-os-skills-share-screenshotgit clone https://github.com/VivekKarmarkar/claude-code-os.gitcp claude-code-os/SKILL.MD ~/.claude/skills/vivekkarmarkar-claude-code-os-skills-share-screenshot/SKILL.md# Share Screenshot — Screenshot a Page and Share via Google Drive
Take a Playwright screenshot of a localhost page (or any URL), upload it to Google Drive, share it with the user, and return the link. Built for remote control workflows where the user can't see the screen.
## Arguments
`<url>` — The URL to screenshot. Defaults to `http://localhost:8765` if not provided.
`<element>` — Optional CSS selector to scroll to before screenshotting.
`<name>` — Optional filename. Defaults to `screenshot-{timestamp}.png`.
Examples:
- `/share-screenshot` — screenshots localhost:8765, uploads, shares link
- `/share-screenshot http://localhost:3000` — screenshots port 3000
- `/share-screenshot http://localhost:8765 .abstraction-ladder` — scrolls to element first
- `/share-screenshot http://localhost:8765 .constellation screenshot-constellation.png`
## Constants
- **Share email:** `vivekjobapp123@gmail.com`
- **Share role:** `reader`
## Workflow
### Step 1: Navigate
Use Playwright to navigate to the URL:
```
mcp__plugin_playwright_playwright__browser_navigate(url)
```
If a CSS selector was provided, scroll to it:
```
mcp__plugin_playwright_playwright__browser_evaluate(() => {
document.querySelector('<selector>').scrollIntoView({block: 'center'});
})
```
### Step 2: Screenshot
```
mcp__plugin_playwright_playwright__browser_take_screenshot(type: "png", filename: "<name>")
```
The screenshot file lands in the working directory.
### Step 3: Find the file
The screenshot may land in the current working directory or the project root. Find it:
```bash
find /home/vivekkarmarkar -name "<name>" -maxdepth 3 -not -path '*/.git/*' 2>/dev/null
```
### Step 4: Upload to Google Drive
```bash
gws drive +upload <absolute-path-to-file> --name "<name>"
```
Capture the file ID from the JSON response.
### Step 5: Share
```bash
gws drive permissions create --params '{"fileId":"<FILE_ID>"}' --json '{"role":"reader","type":"user","emailAddress":"vivekjobapp123@gmail.com"}'
```
### Step 6: Get link
```bash
gws drive files get --params '{"fileId":"<FILE_ID>","fields":"webViewLink"}'
```
### Step 7: Report
Print the Google Drive link. That's it.
## Rules
1. **Always use Playwright, not Chrome MCP.** Playwright is more reliable for screenshots.
2. **Always share with vivekjobapp123@gmail.com.** This is hardcoded.
3. **Always return the link.** The user is on their phone — they need a clickable link.
4. **Keep it fast.** No extra commentary. Navigate, screenshot, upload, share, link.
5. **Handle GWS syntax.** Upload is `+upload`, permissions is `permissions create` with `--params` and `--json`.