Playwright Skill
This is a practical wrapper around Playwright that handles the boring setup parts. It auto-detects your running dev servers so you don't have to manually specify localhost ports, writes all test scripts to /tmp to avoid cluttering your project, and runs browsers in visible mode by default so you can actually see what's happening. The workflow is simple: describe what you want to test, it detects your server, generates a custom Playwright script, and executes it. Works well for typical tasks like testing login flows, checking responsive layouts, filling forms, or hunting down broken links. The path resolution system handles different installation locations cleanly, which matters if you're using the plugin system versus manual installation.
- skills.sh installs
- 525
- GitHub stars
- 33.2K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add davila7/claude-code-templates --skill playwright-skill --agent claude-codeInstalls into .claude/skills of the current project.
Files
IMPORTANT - Path Resolution:
This skill can be installed in different locations (plugin system, manual installation, global, or project-specific). Before executing any commands, determine the skill directory based on where you loaded this SKILL.md file, and use that path in all commands below. Replace $SKILL_DIR with the actual discovered path.
Common installation paths:
- Plugin system:
~/.claude/plugins/marketplaces/playwright-skill/skills/playwright-skill - Manual global:
~/.claude/skills/playwright-skill - Project-specific:
<project>/.claude/skills/playwright-skill
Playwright Browser Automation
General-purpose browser automation skill. I'll write custom Playwright code for any automation task you request and execute it via the universal executor.
CRITICAL WORKFLOW - Follow these steps in order:
-
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)))"
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/davila7/claude-code-templates
- Categories
- Frontend Development, Testing & QA, Automation & Workflows, Design & UI/UX
- First seen
- Jun 3, 2026
More from davila7/claude-code-templates
All 618- Docx524
- Research Grants523
- Obsidian Markdown519
- Web Performance Optimization518
- Notion Knowledge Capture516
- Screenshot Feature Extractor514
- Skill Creation Guide514
- React Patterns503
- Executing Marketing Campaigns498
- React Dev498
- Knowledge Distillation497
- Rag Implementation497
- Coding Standards494
- Api Documentation Generator493
- Autonomous Agents492
- Backend Dev Guidelines492
- Database Schema Designer489
- Typescript Expert489
- Api Patterns486
- Skill Creator484
- Supabase Postgres Best Practices481
- File Organizer480
- Research Engineer478
- Llama Cpp475
Recommended
More Frontend Development
instagram-content-benchmarkpostplusai/postplus-skillsBenchmark Instagram posts and Reels to discover winning content patterns, shortlist high-value examples, and extract reusable hooks and formats.525skills.sh installs
instant-0-100msdylantarre/animation-principlesUse when building instantaneous UI feedback under 100ms - button presses, toggles, state changes that feel immediate and responsive524skills.sh installs
groove-work-docandreadellacorte/grooveCreate a 'how does X work' documentation file for a codebase component or concept. Use $ARGUMENTS as the doc topic if provided.518skills.sh installs
golang-grpcbobmatnyc/claude-mpm-skillsProduction gRPC in Go: protobuf layout, codegen, interceptors, deadlines, error codes, streaming, health checks, TLS, and testing with bufconn518skills.sh installs
hook-tacticsmotion-team/creative-strategy-skillsReference library of 35+ hook and headline tactic types. Use this when a user asks for hooks organized by tactic, wants to know which tactic to use for a given 518skills.sh installs
social-contentopenclaudia/openclaudia-skillsCreate and publish social media posts for Reddit, Twitter/X, LinkedIn, Instagram, Facebook, and TikTok. Platform-specific formats, character limits, hashtag str518skills.sh installs