playwright
Installation
SKILL.md
Playwright E2E Testing Skill
参照(公式)
このSkillの基本方針
- 基本方針: ユーザーに見える振る舞いをテストする。実装詳細(class名/id/DOM構造)に依存しない。
- ロケーター:
getByRole>getByLabel>getByText>getByTestId> CSSセレクタ。ロールベースを最優先。 - アサーション: Web Firstアサーション(自動リトライ付き)を使う。手動の
isVisible()チェックを避ける。 - テスト分離: 各テストは完全に独立。共有状態・テスト順序依存を排除する。
- パフォーマンス: グローバルインストール推奨。CIではLinux + 必要ブラウザのみ + シャーディング。
Related skills
More from mae616/ai-tech-knowledge
tailwind
Tailwind CSSをutility-first(早すぎる抽象化を避ける)思想で運用し、UI実装の認知負荷を下げながら一貫性と保守性を保つための設計・レビュー・リファクタ判断を整理する。Tailwind CSS、utility-first、CSS設計、クラス肥大化、デザイントークン、コンポーネント化の境界、レスポンシブ設計、ダークモード、tailwind.config、@applyの使い方に関する相談で必ず使うこと。ユーザーが「クラスが長すぎる」「CSS設計を統一したい」「デザインシステムを作りたい」と言った場合、Tailwindが技術スタックに含まれていれば適用する。
4react
React/Next.jsプロジェクトで、UI=計算モデル(コンポーネント/状態/レンダリング)を軸に、設計・実装・レビュー・性能改善の判断を整理する。React、Next.js、JSX、コンポーネント設計、useState/useEffect、状態管理、Server Components、SSR/SSG/Streaming、App Router、バンドル最適化、再レンダリング問題に関する相談で必ず使うこと。ユーザーが「コンポーネントの分割」「stateの置き場所」「パフォーマンスが遅い」「RSCの使い分け」と言った場合にも適用する。
3