npx claudepluginhub giobi/claude-skills --plugin playwThis skill uses the workspace's default tool permissions.
**Playwright Sidecar** — Occhi aperti per tutta la sessione
Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Migrates code, prompts, and API calls from Claude Sonnet 4.0/4.5 or Opus 4.1 to Opus 4.5, updating model strings on Anthropic, AWS, GCP, Azure platforms.
Reviews prose for communication issues impeding comprehension, outputs minimal fixes in a three-column table per Microsoft Writing Style Guide. Useful for 'review prose' or 'improve prose' requests.
Playwright Sidecar — Occhi aperti per tutta la sessione
Attiva la modalità sidecar Playwright: da questo momento, dopo OGNI modifica visuale (CSS, HTML, Blade, JS), fai automaticamente uno screenshot della pagina target e mostralo in chat.
Parsing $ARGUMENTS:
Salva il target URL come variabile di sessione mentale. Da ora in poi:
Edit su file frontend (blade, css, js, html, vue, tsx) → screenshot automaticofrom playwright.sync_api import sync_playwright
with sync_playwright() as p:
browser = p.chromium.launch(headless=True)
page = browser.new_page(viewport={'width': 1920, 'height': 1080})
page.goto(TARGET_URL)
page.wait_for_timeout(2000)
page.screenshot(path='/tmp/playw-check.png', full_page=False)
browser.close()
Poi mostra lo screenshot con Read tool.
/tmp/playw-check.png (non accumulare file)🎭 Playwright sidecar attivo → {URL}
Dopo ogni modifica frontend faccio screenshot automatico.
$ARGUMENTS