Browser Use Skills

1.txt

# 1. ติดตั้ง Skills ใน Claude Code แบบ user scope บน MacOS
$mkdir -p ~/.claude/skills/browser-use
$curl -o ~/.claude/skills/browser-use/SKILL.md https://raw.githubusercontent.com/browser-use/browser-use/main/skills/browser-use/SKILL.md


# 2. ใช้งานผ่าน Claude Code
❯ /browser-use how to use ?                                                                                       

⏺ The browser-use skill is a CLI for fast browser automation. A background daemon keeps the browser open between
  commands (~50ms latency). Here's how to use it:

  Basic workflow

  browser-use open <url>        # 1. Navigate to a page
  browser-use state             # 2. Inspect → lists clickable elements with indices
  browser-use click 5           # 3. Interact using those indices
  browser-use input 3 "text"    # type into a field
  browser-use screenshot        # 4. Verify what happened

  Key idea: always run browser-use state first to discover element indices, then act on them.

2.txt

# Flow:: Buy coffees
1. Open the coffee shop website with url `https://seleniumbase.io/coffee/`
2. Choose 1 americano and 1 cappuccino from the menu
3. Check item in cart = 2
4. Click on the checkout button in cart
5. Check total price = $17.00
6. Checkout with inputs
   - Name: `Somkiat XXX`
   - Email: `somkiat@example.com`