Web Testing with Playwright and Vitest
withkynam/vibecode-pro-max-kit
Covers web testing from unit to E2E, load, visual, accessibility and security checks, with Playwright, Vitest and k6 guides plus a Playwright setup script.
A skill your agent uses for Vue.js testing. An agent skill from JetBrains/skills.
Install Vue Testing Best Practices
$ npx skills add JetBrains/skills --skill vue-testing-best-practices -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install JetBrains/skills vue-testing-best-practices --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/JetBrains/skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/vue-testing-best-practices .claude/skills/vue-testing-best-practices && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "vue-testing-best-practices" agent skill from https://github.com/JetBrains/skills/tree/main/vue-testing-best-practices into .claude/skills/vue-testing-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "vue-testing-best-practices", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/JetBrains/skills/tree/main/vue-testing-best-practicesType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add JetBrains/skills --skill vue-testing-best-practices -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install JetBrains/skills vue-testing-best-practices --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/JetBrains/skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/vue-testing-best-practices .agents/skills/vue-testing-best-practices && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "vue-testing-best-practices" agent skill from https://github.com/JetBrains/skills/tree/main/vue-testing-best-practices into .agents/skills/vue-testing-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "vue-testing-best-practices", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add JetBrains/skills --skill vue-testing-best-practices -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install JetBrains/skills vue-testing-best-practices --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/JetBrains/skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/vue-testing-best-practices .cursor/skills/vue-testing-best-practices && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "vue-testing-best-practices" agent skill from https://github.com/JetBrains/skills/tree/main/vue-testing-best-practices into .cursor/skills/vue-testing-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "vue-testing-best-practices", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/JetBrains/skills.git --path vue-testing-best-practices--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add JetBrains/skills --skill vue-testing-best-practices -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install JetBrains/skills vue-testing-best-practices --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/JetBrains/skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/vue-testing-best-practices .gemini/skills/vue-testing-best-practices && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "vue-testing-best-practices" agent skill from https://github.com/JetBrains/skills/tree/main/vue-testing-best-practices into .gemini/skills/vue-testing-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "vue-testing-best-practices", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install JetBrains/skills vue-testing-best-practicesInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add JetBrains/skills --skill vue-testing-best-practices -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/JetBrains/skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/vue-testing-best-practices .github/skills/vue-testing-best-practices && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "vue-testing-best-practices" agent skill from https://github.com/JetBrains/skills/tree/main/vue-testing-best-practices into .github/skills/vue-testing-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "vue-testing-best-practices", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add JetBrains/skills --skill vue-testing-best-practices -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install JetBrains/skills vue-testing-best-practices --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/JetBrains/skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/vue-testing-best-practices .opencode/skills/vue-testing-best-practices && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "vue-testing-best-practices" agent skill from https://github.com/JetBrains/skills/tree/main/vue-testing-best-practices into .opencode/skills/vue-testing-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "vue-testing-best-practices", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
vue-testing-best-practices- GitHub stars
- 366
- Used in
- 7 other repos
- Token cost
- ~563 tokens
- SKILL.md length
- 127 words
- Files
- 14
- Skills in repo
- 76
- Repo updated
- First seen
- Licence
- MIT
At a glance
A skill your agent uses for Vue.js testing. An agent skill from JetBrains/skills.
- Tasks that involve Test strategy
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
- Tasks that involve Unit testing
- Tasks that involve End-to-end testing
What it does
Vue Testing Best Practices is an agent skill from JetBrains/skills, published by the product's own GitHub organization. Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
Its SKILL.md is about 560 tokens, which your agent loads only when the skill is triggered. The skill folder holds 14 other files (for example `LICENSE.md`, `SYNC.md` and `reference/async-component-testing.md`).
It sits in Testing & QA, covering Test strategy, Unit testing and End-to-end testing. It works with Vue.js, Playwright and Vitest. The repository describes itself as: Curated agent skills collection verified by JetBrains. The licence is MIT.
When your agent uses it
- Tasks that involve Test strategy
- Tasks that involve Unit testing
- Tasks that involve End-to-end testing
Example prompts
- “/vue-testing-best-practices”
What it can do on your machine
Read from SKILL.md and the folder at commit e0f258b. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
Links to these hosts (documentation or services it may open):
vuejs.orgtest-utils.vuejs.orgvitest.devplaywright.dev
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Vue Testing Best Practices loads about 563 tokens when it runs. Until then it costs about 40 tokens; SKILL.md has 127 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from JetBrains/skills at commit e0f258b, republished under its MIT licence (© JetBrains). 127 words, ~563 tokens.
Download SKILL.mdSave it as
.claude/skills/vue-testing-best-practices/SKILL.md (or your agent's skills folder). This skill also uses 13 other files; get the full folder from GitHub.- name
- vue-testing-best-practices
- description
- Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
- version
- 1.0.0
- license
- MIT
- author
- Vue.js AI
- metadata.short-description
- Test Vue apps with Vitest and VTU
- metadata.source
- https://github.com/antfu/skills/tree/main/skills/vue-testing-best-practices
Vue.js testing best practices, patterns, and common gotchas.
Testing
- Setting up test infrastructure for Vue 3 projects → See testing-vitest-recommended-for-vue
- Tests keep breaking when refactoring component internals → See testing-component-blackbox-approach
- Tests fail intermittently with race conditions → See testing-async-await-flushpromises
- Composables using lifecycle hooks or inject fail to test → See testing-composables-helper-wrapper
- Getting "injection Symbol(pinia) not found" errors in tests → See testing-pinia-store-setup
- Components with async setup won't render in tests → See testing-suspense-async-components
- Snapshot tests keep passing despite broken functionality → See testing-no-snapshot-only
- Choosing end-to-end testing framework for Vue apps → See testing-e2e-playwright-recommended
- Tests need to verify computed styles or real DOM events → See testing-browser-vs-node-runners
- Testing components created with defineAsyncComponent fails → See async-component-testing
- Teleported modal content can't be found in wrapper queries → See teleport-testing-complexity
Reference
© JetBrains, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 13 other files in vue-testing-best-practices of JetBrains/skills.
- SKILL.md
- LICENSE.md
- SYNC.md
- reference/async-component-testing.md
- reference/teleport-testing-complexity.md
- reference/testing-async-await-flushpromises.md
- reference/testing-browser-vs-node-runners.md
- reference/testing-component-blackbox-approach.md
- reference/testing-composables-helper-wrapper.md
- reference/testing-e2e-playwright-recommended.md
- reference/testing-no-snapshot-only.md
- reference/testing-pinia-store-setup.md
- reference/testing-suspense-async-components.md
- reference/testing-vitest-recommended-for-vue.md
Open the folder on GitHubat commit e0f258b
Used in 7 other repositories
We found 10 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 7 other GitHub owners. This page covers the copy in JetBrains/skills, which our catalogue first saw on October 7, 2026.
- WeakAuras/WeakAuras-Companion.agents/skills/vue-testing-best-practices
- logue/vite-vuetify-ts-starter.agents/skills/vue-testing-best-practices
- moeru-ai/airi.agents/skills/vue-testing-best-practices
- konnga/skill-buddy.agents/skills/vue-testing-best-practices.claude/skills/vue-testing-best-practices
- aiskillstore/marketplaceskills/antfu/vue-testing-best-practicesskills/vuejs-ai/vue-testing-best-practices
- NeverSight/learn-skills.devdata/skills-md/0froq/skills/vue-testing-best-practices
- LeoYeAI/openclaw-master-skillsskills/vue-testing-best-practicesskills/vue-testing-best-practices-hyf0
Compare with similar skills
Vue Testing Best Practices next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Vue Testing Best Practices this skillJetBrains/skills | 366 | 7 repos | ~563 | Automated safety check: Pass | MIT | |
| Web Testing with Playwright and Vitestwithkynam/vibecode-pro-max-kit | 1.1k | — | ~892 | Automated safety check: Pass | Apache-2.0 | |
| Front End Testingcitypaul/.dotfiles | 740 | — | ~6.2k | Automated safety check: Pass | Custom licence | |
| Fantasia Testingvishiri/fantasia-archive | 409 | — | ~3.1k | Automated safety check: Pass | GPL-3.0 | |
| Testing Guidemobazha/mobazha-unified | 165 | — | ~1.7k | Automated safety check: Pass | MPL-2.0 | |
| Angular TestingKilo-Org/kilo-marketplace | 190 | — | ~2.9k | Automated safety check: Pass | MIT |
Similar skills
Front End Testing
citypaul/.dotfiles
Behavior-driven UI testing patterns across Vitest Browser Mode, Playwright E2E evidence boundaries, and DOM Testing Library.
Fantasia Testing
vishiri/fantasia-archive
Runs and extends Fantasia Archive tests: Vitest unit tests vs Playwright component and E2E tests, including rebuild-before-Playwright rules and file naming.
Testing Guide
mobazha/mobazha-unified
Guide for writing unit tests (Vitest), integration tests, and E2E tests (Playwright) following Mobazha project conventions.
Angular Testing
Kilo-Org/kilo-marketplace
Write unit and integration tests for Angular v20+ applications using Vitest or Jasmine with TestBed and modern testing patterns.
Control UI E2E
openclaw/openclaw
A skill your agent uses when designing, testing, fixing, or extending the OpenClaw Control UI GUI, including UI stress-test galleries with feedback inputs, Vitest + Playwright end-to-end checks…
More from JetBrains/skills
All 76 skills in this repo- Official
Playwright
JetBrains/skills
A skill your agent uses when the task requires automating a real browser from the terminal (navigation, form filling, snapshots, screenshots, data extraction, UI-flow debugging) via playwright-cli…
- Official
Skill Creator
JetBrains/skills
Guide for creating effective skills. An agent skill from JetBrains/skills.
- Official
Transcribe
JetBrains/skills
Transcribe audio files to text with optional diarization and known-speaker hints.
- Official
Imagegen
JetBrains/skills
A skill your agent uses when the user asks to generate or edit images via the OpenAI Image API (for example: generate image, edit/inpaint/mask, background removal or replacement, transparent…
- Official
Speech
JetBrains/skills
A skill your agent uses when the user asks for text-to-speech narration or voiceover, accessibility reads, audio prompts, or batch speech generation via the OpenAI Audio API; run the bundled CLI…
- Official
Screenshot
JetBrains/skills
A skill your agent uses when the user explicitly asks for a desktop or system screenshot (full screen, specific app or window, or a pixel region), or when tool-specific capture capabilities are…
Related
Works with
Categories
Questions about Vue Testing Best Practices
What does Vue Testing Best Practices do?
A skill your agent uses for Vue.js testing. An agent skill from JetBrains/skills. Vue Testing Best Practices is an agent skill from JetBrains/skills, published by the product's own GitHub organization.js testing.
When should I use Vue Testing Best Practices?
Vue Testing Best Practices fits situations like: tasks that involve Test strategy; tasks that involve Unit testing; tasks that involve End-to-end testing.
How do I install Vue Testing Best Practices in Claude Code?
Run `npx skills add JetBrains/skills --skill vue-testing-best-practices -a claude-code`. Or copy the skill folder (vue-testing-best-practices in JetBrains/skills) into .claude/skills/vue-testing-best-practices in your project. Claude Code loads it when a task matches its description.
How do I install Vue Testing Best Practices in Codex?
Run `npx skills add JetBrains/skills --skill vue-testing-best-practices -a codex`. Or copy the skill folder (vue-testing-best-practices in JetBrains/skills) into .agents/skills/vue-testing-best-practices in your project. Codex loads it when a task matches its description.
Can I use Vue Testing Best Practices in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add JetBrains/skills --skill vue-testing-best-practices -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/vue-testing-best-practices, .gemini/skills/vue-testing-best-practices, .github/skills/vue-testing-best-practices and .opencode/skills/vue-testing-best-practices in your project.
What does Vue Testing Best Practices need to run?
SKILL.md names no scripts, command-line tools or credentials: Vue Testing Best Practices is instructions for the agent only.
Does Vue Testing Best Practices access the network?
SKILL.md names 4 domains. As links in the text: vuejs.org, test-utils.vuejs.org, vitest.dev and playwright.dev. This is read from the text; nothing was executed.
Is Vue Testing Best Practices safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Vue Testing Best Practices use?
Vue Testing Best Practices is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Vue Testing Best Practices use?
About 563 tokens (SKILL.md is roughly 2.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Vue Testing Best Practices?
Skills that share tags, products or a category with Vue Testing Best Practices: Web Testing with Playwright and Vitest (withkynam/vibecode-pro-max-kit, 1.1k stars), Front End Testing (citypaul/.dotfiles, 740 stars), Fantasia Testing (vishiri/fantasia-archive, 409 stars) and Testing Guide (mobazha/mobazha-unified, 165 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Vue Testing Best Practices?
JetBrains (a GitHub organization, an official publisher) maintains it in JetBrains/skills, which has 366 GitHub stars. The repository holds 76 skills in this directory. The repository was last updated on June 29, 2026.
Source: JetBrains/skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.