Skip to content
Debugging
Skill

/view-browser-tab

Screenshot open browser tabs for visual debugging.

BOOST
From plugin
view-browser-tab
1231 skill
Install
$ npx -y skills add puffinsoft/peek-cli --skill view-browser-tab --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/view-browser-tab

Context preview

The summary Claude sees to decide when to auto-load this skill.

Screenshot open browser tabs for visual debugging.

SKILL.md

view-browser-tab.SKILL.md
name: view-browser-tab
description: Screenshot open browser tabs for visual debugging.
license: MIT

You cannot see the consequences of your actions. It is important to get incorporate visual feedback. Use peek-cli to capture screenshots of tabs to aid in front-end development.

Iterate & capture often. Capturing a screenshot of a tab is remarkably cheap.

These are the commands:

  • `peeked start` - start the WebSocket server for connection w/ the Chrome Extension
  • `peeked stop` - stop the server
  • `peeked status` - get server & connection status.
  • `peeked list` - get list of all open tabs
  • `peeked at <url>` - capture screenshot of tab. Will save it to a temp file. You must read it after.

Run `peeked status` at the start of each session.

  • if the server is not started, run `start` and prompt the user to connect.
  • if the server is started & extension is connected, it's safe to run all `peeked` commands.

Connecting the extension to the server is a manual process that the user needs to perform. Nothing can be done on your end.

Don't run `peeked stop` unless the user asks because reconnecting is a manual process.

`peeked at` is safe to run simultaneously.

If you see a glowing border around the screenshot, that is an artifact from the capture process.

Ships withview-browser-tab

Let coding agents see your browser.

Get the whole plugin
Stats
123
Stars
5
Forks
Maintained
Maintenance
TypeScript
Language
MIT
License
3mo ago
Last commit
4mo ago
Created
20h ago
Added

Repo: puffinsoft/peek-cli