frontend-testing plugin
Comprehensive guide and tools for writing frontend tests. 55 best practices, specialized agents for planning, analysis, verification, and healing.
How to install the frontend-testing plugin
Run both commands inside Claude Code. The first adds the marketplace once; the second installs the plugin.
/plugin marketplace add practicajs/the-frontend-testing-skill
/plugin install frontend-testing@frontend-testing-skill-marketplaceWhat's inside frontend-testing
23 parts read from the plugin's own files.
Commands 12
Run as /frontend-testing:name- /frontend-testing:testskill.fix-flaky
No description in the file.
- /frontend-testing:testskill.fix-test
No description in the file.
- /frontend-testing:testskill.generate-test-review-report
No description in the file.
- /frontend-testing:testskill.init
No description in the file.
- /frontend-testing:testskill.plan
No description in the file.
- /frontend-testing:testskill.review
No description in the file.
- /frontend-testing:testskill.setup-playwright
No description in the file.
- /frontend-testing:testskill.setup-vite
No description in the file.
- /frontend-testing:testskill.toolbox-checklist
No description in the file.
- /frontend-testing:testskill.update-skill
No description in the file.
- /frontend-testing:testskill.verify
No description in the file.
- /frontend-testing:testskill.write-test
No description in the file.
Agents 9
Call as @agent-frontend-testing:name- @agent-frontend-testing:testskill.flaky-fixer
No description in the file.
- @agent-frontend-testing:testskill.healer
No description in the file.
- @agent-frontend-testing:testskill.locator-fixer
No description in the file.
- @agent-frontend-testing:testskill.mutator
No description in the file.
- @agent-frontend-testing:testskill.page-analyzer
No description in the file.
- @agent-frontend-testing:testskill.planner
No description in the file.
- @agent-frontend-testing:testskill.reviewer
No description in the file.
- @agent-frontend-testing:testskill.test-fixer
No description in the file.
- @agent-frontend-testing:testskill.verifier
No description in the file.
Skills 1
Claude loads it when the task matches- frontend-testing
Provides a mandatory playbook for planning, writing, and verifying frontend tests using standardized workflows and patterns.
Hooks 1
Runs on these events- hooks
No description in the file.
Using frontend-testing in Claude Code
Type a command in a Claude Code session:
/frontend-testing:testskill.fix-flaky
/frontend-testing:testskill.fix-test
/frontend-testing:testskill.generate-test-review-reportAsk for an agent by name:
@agent-frontend-testing:testskill.flaky-fixer
@agent-frontend-testing:testskill.healerSkills need no command. Claude reads them when your request matches what they describe.
Update, turn off or remove
- Update the plugin (shell)
- claude plugin update frontend-testing@frontend-testing-skill-marketplace
- Refresh the marketplace
- /plugin marketplace update frontend-testing-skill-marketplace
- Turn it off for now
- /plugin disable frontend-testing@frontend-testing-skill-marketplace
- Remove it
- /plugin uninstall frontend-testing@frontend-testing-skill-marketplace
Skills in frontend-testing
- frontend-testingpracticajs/the-frontend-testing-skill
Provides a mandatory playbook for planning, writing, and verifying frontend tests using standardized workflows and patterns.
21 files13stars
frontend-testing plugin questions
How do I install the frontend-testing plugin?
In Claude Code run /plugin marketplace add practicajs/the-frontend-testing-skill, then /plugin install frontend-testing@frontend-testing-skill-marketplace.
What does the frontend-testing plugin include?
frontend-testing bundles 12 commands, 9 agents, 1 skill, hooks.
What commands does the frontend-testing plugin add?
It adds /frontend-testing:testskill.fix-flaky, /frontend-testing:testskill.fix-test, /frontend-testing:testskill.generate-test-review-report, /frontend-testing:testskill.init, /frontend-testing:testskill.plan, /frontend-testing:testskill.review +6. Run them in Claude Code with the plugin prefix, for example /frontend-testing:testskill.fix-flaky.
Which agents come with frontend-testing?
testskill.flaky-fixer, testskill.healer, testskill.locator-fixer, testskill.mutator, testskill.page-analyzer, testskill.planner +3. Call one with @agent-frontend-testing:testskill.flaky-fixer.
How do I update or remove the frontend-testing plugin?
Update it with claude plugin update frontend-testing@frontend-testing-skill-marketplace in your shell, or from the Installed tab of /plugin. Remove it with /plugin uninstall frontend-testing@frontend-testing-skill-marketplace.