React Testing Libraryを使用したユーザー中心のコンポーネントテスト：クエリ、ユーザーイベントシミュレーション、非同期ユーティリティ、アクセシビリティ優先のAPI。Reactコンポーネントテスト、ロール/ラベル/テキストによる要素選択、ユーザーイベントシミュレーション、非同期UI動作のテストに使用します。
このスキルは、React Testing Library（@testing-library/react）を使用したユーザー中心のコンポーネントテストを支援します。主な機能として、`screen`オブジェクトによる要素クエリ（`getByRole`、`getByLabelText`、`getByText`など）、`userEvent`によるユーザー操作のシミュレーション、`waitFor`や`findBy`クエリを使った非同期UIのテスト、`jest-dom`マッチャーによるカスタムアサーションを提供します。アクセシビリティを優先したAPIを採用しており、実際のユーザーがアプリケーションを操作する方法に近い形でテストを記述できます。Reactアプリケーションのテストコードを作成・修正する際に、`render`関数、クエリ、および`container`オブジェクトを効果的に活用する方法を指針として提供します。
npx skills add https://github.com/itechmeat/llm-code/tree/main/skills/react-testing-libraryReact Testing Library: ユーザー中心のコンポーネントテスト。クエリ、ユーザーイベントシミュレーション、非同期ユーティリティ、アクセシビリティ優先のAPIを備えています。Reactコンポーネントのテスト作成時、ロール/ラベル/テキストによる要素選択時、ユーザーイベントシミュレーション時、または非同期UI動作のテスト時に使用します。キーワード: React Testing Library, @testing-library/react, user-event, クエリ, render。
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".