Home / Stacks / Component Testing Kit
🧪

Component Testing Kit

Ship UI with confidence — component tests, unit tests, network mocking, and end-to-end coverage across React, Vue, and Svelte using Storybook, Testing Library, Vitest, MSW, Playwright, and Cypress

7 skills · Works with Claude Code, Codex, Cursor & more

⚙️ Engineering
RARE

Storybook Component Workshop

Set up and configure Storybook 9 for any framework with autodetection and best practices. Scaffolds stories, args/controls, interaction tests, a11y checks, and CI-ready component documentation.

Community 3.2K
Scanned
storybook component-testing design-system
mkdir -p ~/.claude/skills/storybook-config && curl -fsSL https://raw.githubusercontent.com/diegosouzapw/awesome-omni-skill/HEAD/skills/development/storybook-config/SKILL.md -o ~/.claude/skills/storybook-config/SKILL.md
⚙️ Engineering
RARE

Testing Library Best Practices

Write accessible, maintainable component tests with Testing Library (React and React Native). Enforces role/label queries, correct async handling, user-event flows, and pragmatic mocking over implementation-detail assertions.

Community 2.4K
Scanned
testing-library testing react
mkdir -p ~/.claude/skills/testing-library && curl -fsSL https://raw.githubusercontent.com/diegosouzapw/awesome-omni-skill/HEAD/skills/development/testing-library/SKILL.md -o ~/.claude/skills/testing-library/SKILL.md
⚙️ Engineering
RARE

Vue Component & E2E Testing

Test Vue 3 apps with Playwright — component tests and end-to-end flows covering Vue Router navigation, reactive state, authentication, and network mocking with reliable, non-flaky patterns.

Community 1.3K
Scanned
vue playwright testing
mkdir -p ~/.claude/skills/vue-playwright-testing && curl -fsSL https://raw.githubusercontent.com/diegosouzapw/awesome-omni-skill/HEAD/skills/development/vue-playwright-testing/SKILL.md -o ~/.claude/skills/vue-playwright-testing/SKILL.md
⚙️ Engineering
RARE

Vitest Unit Testing

Write fast unit tests with Vitest — the Vite-native test runner. Generates test suites with mocking, spying, snapshot testing, code coverage, and in-source testing with native ESM and TypeScript support.

Vitest 4.0K
Scanned
vitest testing unit-testing
mkdir -p ~/.claude/skills/vitest-unit && curl -fsSL https://raw.githubusercontent.com/Jeffallan/claude-skills/HEAD/skills/test-master/SKILL.md -o ~/.claude/skills/vitest-unit/SKILL.md
⚙️ Engineering
RARE

MSW API Mocking

Intercept and mock network requests with Mock Service Worker (MSW). Defines request handlers at the network layer for tests, Storybook, and local dev — no stubbed fetch, works with REST and GraphQL across browser and Node.

Community 3.2K
Scanned
msw mock-service-worker testing
mkdir -p ~/.claude/skills/msw && curl -fsSL https://raw.githubusercontent.com/Jeffallan/claude-skills/HEAD/skills/test-master/SKILL.md -o ~/.claude/skills/msw/SKILL.md
⚙️ Engineering
RARE

Playwright E2E Testing

Write and maintain end-to-end tests with Playwright. Generates test suites with proper page objects, fixtures, visual regression checks, and CI integration for cross-browser testing.

Community 4.8K
Scanned
playwright e2e testing
mkdir -p ~/.claude/skills/playwright-e2e && curl -fsSL https://raw.githubusercontent.com/Jeffallan/claude-skills/HEAD/skills/playwright-expert/SKILL.md -o ~/.claude/skills/playwright-e2e/SKILL.md
⚙️ Engineering
RARE

Cypress Component & E2E Testing

Write component and end-to-end tests with Cypress. Generates test suites with custom commands, fixture data, intercept stubs, component mounting, and visual regression testing for React, Vue, and Angular.

Cypress 3.3K
Scanned
cypress testing e2e
mkdir -p ~/.claude/skills/cypress-testing && curl -fsSL https://raw.githubusercontent.com/rampstackco/claude-skills/HEAD/skills/qa-testing/SKILL.md -o ~/.claude/skills/cypress-testing/SKILL.md

More Stacks

🤝

Agent Engineering Kit

Engineer reliable AI agents — build on the Claude Agent SDK, coordinate teams with multi-agent patterns, give them memory, and keep them safe with mechanical guardrails and evaluation
🕹️

AI Agent Frameworks

Pick the right framework and ship agents fast — type-safe Python with Pydantic AI, multi-agent orchestration with OpenAI Agents SDK, Agno, and CrewAI, TypeScript graphs with LangGraph.js, and typed workflows with Mastra
🤖

AI Builder Stack

Build AI-powered applications with RAG, multi-agent systems, prompt engineering, and MCP integrations

View all stacks →

Added to wishlist