jm-claude-plugin

Code style guide for JavaScript, TypeScript (Strict Mode), React 19+, and Tailwind CSS. Use this skill whenever writing, reviewing, or refactoring any JS/TS file, React component, or Tailwind UI. Trigger on: "how should I name this?", "is this clean?", "review my component", "refactor this", "best practices", any new function/hook/component creation, or any code that feels inconsistent. Apply proactively — don't wait to be asked.

Testing guide for Vitest, React Testing Library, and Supabase mocks. Use this when writing unit or integration tests, setting up test infrastructure, mocking Supabase, testing hooks/components, or deciding what to test first. Trigger on: "add tests", "how do I test this?", "mock supabase", any new feature/hook/service.

DevOps and CI/CD best practices for TypeScript/Node projects using pnpm and GitHub Actions. Use this when setting up CI pipelines, configuring GitHub Actions, designing deploy workflows, caching dependencies, gating merges, or troubleshooting CI failures. Trigger on: "set up CI", "GitHub Actions", "why is CI failing", "add lint step", "deploy workflow", any new repo bootstrapping, or any pipeline change. Apply proactively — never merge red.

Playwright E2E testing patterns, Page Object Model, configuration, CI/CD integration, artifact management, and flaky test strategies.

End-to-end testing with Playwright for TypeScript/React applications. Use this when setting up Playwright, writing E2E specs, building Page Object Models, choosing selectors, configuring projects (Chromium/Firefox/WebKit), or wiring E2E into CI. Trigger on: "add E2E test", "Playwright setup", "test the login flow", "POM", "data-testid", any critical user-flow test (login/signup/checkout/payment), or any flaky-E2E investigation.