chrome-playwright-fill-form

Files (1)

• SKILL.md

SKILL.md (first lines)

# Steps

1. **Navigieren** — `mcp_playwright_browser_navigate(url="{url}")`.
2. **Page-Snapshot** — `mcp_playwright_browser_snapshot()`. Damit sehen wir die Element-Struktur (Accessibility-Tree).
3. **Felder ausfuellen** — Fuer jedes (selector, value) in {fields}:
   - Wenn `value` ein vault://-Token ist (Format `vault://<id>`), zuerst aufloesen via Skill-Runner-Helper (intern), bevor an Playwright gegeben.
   - `mcp_playwright_browser_fill_form(fields=[{ref: <selector>, value: <plaintext>}])` — Playwright unterstuetzt Batch-Fill.
4. **Submit** — `mcp_playwright_browser_click(ref="{submit_selector}")`.
5. **Sleep / wait_for** — `mcp_playwright_browser_wait_for(text=<expected_success_text>)` oder Sleep 2s.
6. **Validieren** — `mcp_playwright_browser_snapshot()` oder `mcp_playwright_browser_network_requests()` und pruefen ob ein erwarteter Endpoint mit 200 angesprochen wurde. Coordinator entscheidet basierend auf Snapshot ob Form akzeptiert wurde (kein .error-Tag, kein 'Bitte fuellen Sie...' Text).

# Adjustments
- Fuer Formulare mit CSRF-Token oder Captcha schlaegt diese Skill in der einfachen Form fehl — dann muss der Skill um Captcha-Handling erweitert werden (separater Skill).
- Bei Single-Page-Apps (React-Forms) muss man oft `keypress` fuer den letzten Char senden um React's onChange zu triggern — Playwright handelt das normalerweise korrekt mit `fill_form`.

From Flissel/vibemind-os, MIT.

More from Flissel/vibemind-os