3 / 168 · 01 Agent Skills for Browser Automation · Anatomy of a SKILL.md File← prev⊞ allnext →☰ Read as one page
1.3Markdown Body: The Execution Instructions
The body is what Claude reads when the skill is invoked. It should be structured for an AI agent, not a human reader.
Best Practices
- Lead with a one-line summary — What does this skill do?
- List commands in a reference table — Quick lookup format
- Show common patterns — The 80% use cases
- Include tips — Gotchas the agent needs to know
- Stay under 500 lines — Longer skills bloat context; use
/references/for details
Example: A Browser-Automation SKILL.md Structure
This is the shape of the SKILL.md that playwright-cli install --skills generates (and the same shape Vibium's vibe-check skill pioneered):
# Playwright CLI — Browser Automation Reference
The `playwright-cli` automates browsers via the command line.
Snapshots and screenshots are saved to .playwright-cli/ on disk.
## Commands
### Core
- `playwright-cli open <url>` — launch browser at a page
- `playwright-cli snapshot` — save page snapshot (YAML with element refs)
- `playwright-cli click <ref>` — click element by ref (e.g. e8)
- `playwright-cli fill <ref> "<text>"` — fill input by ref
...
### Common Patterns
**Read a page:**
```sh
playwright-cli open https://example.com
playwright-cli snapshot # then Read the snapshot file it names
```
## Tips
- All actions auto-wait for the element to be actionable
- Take a snapshot after navigation before interacting — refs come from snapshots
This structure works because:
- The agent can scan the command table to find what it needs
- The patterns section provides copy-paste workflows
- The tips prevent common mistakes