Playwright
This is a well-built Playwright wrapper that handles the annoying parts of browser automation. It auto-detects running dev servers so you don't have to hardcode localhost ports, enforces good practices like writing test scripts to /tmp instead of polluting your project, and runs browsers in headed mode by default so you can actually see what's happening. The workflow is smart: detect servers, write parameterized scripts, execute via a runner. Covers the usual suspects like responsive testing, login flows, broken link checking, and proper E2E test patterns with role-based selectors. Works with both quick automation tasks and full test suites. Setup uses bun or npm, installs Chromium automatically.
- install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
- 9
- skills.sh installs
- 1.1K
- GitHub stars
- 248
- last updated
- Aug 21, 2026
Install
$ npx -y skills add secondsky/claude-skills --skill playwright --agent claude-codeInstalls into .claude/skills of the current project.
Files
Playwright - Browser Automation & E2E Testing
Expert knowledge for browser automation and end-to-end testing with Playwright - a modern cross-browser testing framework.
IMPORTANT - Path Resolution:
This skill can be installed in different locations. Before executing commands, determine the skill directory based on where you loaded this SKILL.md file, and use that path in all commands. Replace $SKILL_DIR with the actual discovered path.
Common installation paths:
- Plugin system:
~/.claude/plugins/*/playwright/skills/playwright - Manual global:
~/.claude/skills/playwright - Project-specific:
<project>/.claude/skills/playwright
CRITICAL WORKFLOW - Follow These Steps
When automating browser tasks:
- Auto-detect dev servers - For localhost testing, ALWAYS run server detection FIRST:
cd $SKILL_DIR && node -e "require('./lib/helpers').detectDevServers().then(servers => console.log(JSON.stringify(servers)))"- If 1 server found: Use it automatically, inform user
- If multiple servers found: Ask user which one to test
- If no servers found: Ask for URL or offer to help start dev server
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/secondsky/claude-skills
- Categories
- Frontend Development, Backend & APIs, Testing & QA, Automation & Workflows, Python, Design & UI/UX
- First seen
- Jun 3, 2026
More from secondsky/claude-skills
All 146- Api Testing910
- Responsive Web Design703
- Zod663
- Nano Banana Prompts626
- Image Optimization604
- Rest Api Design600
- Mobile First Design598
- Web Performance Optimization576
- Inspira Ui572
- Api Authentication549
- Code Review548
- Web Performance Audit542
- Vulnerability Scanning534
- Kpi Dashboard Design526
- Progressive Web App523
- Tanstack Table513
- Architecture Patterns508
- Api Rate Limiting507
- Api Security Hardening506
- Better Auth502
- Design System Creation500
- React Composition Patterns494
- Api Contract Testing491
- React Native Skills490
Recommended
More Frontend Development
widgets-uiinference-sh/skillsDeclarative UI widgets from JSON for React/Next.js from ui.inference.sh. Render rich interactive UIs from structured agent responses. Capabilities: forms, butto1.1Kskills.sh installstools-uiinference-sh/skillsTool lifecycle UI components for React/Next.js from ui.inference.sh. Display tool calls: pending, progress, approval required, results. Capabilities: tool statu1.1Kskills.sh installs
tab-accordionkostja94/marketing-skillsWhen the user wants to add or optimize tab or accordion components for content organization. Also use when the user mentions "tab component," "accordion," "expa1Kskills.sh installs
design-loopjezweb/claude-skillsAutonomous multi-page site builder using a baton-passing loop. Each iteration reads a task from .design/next-prompt.md, generates a page in HTML/Tailwind, integ1Kskills.sh installsrendering-strategieskostja94/marketing-skillsWhen the user wants to choose or optimize rendering strategy for SEO. Also use when the user mentions "SSR," "SSG," "CSR," "ISR," "static rendering," "dynamic r1Kskills.sh installs
applying-sldsforcedotcom/sf-skillsApply SLDS-compliant UI using the correct blueprints, styling hooks, utility classes, and icons. Use when building any UI that needs SLDS, choosing between Ligh1Kskills.sh installs