packages/playground-ui または packages/playground 内のファイルを変更する際に必須。React コンポーネントの作成/変更/リファクタリング、UI 変更、新しいプレイグラウンド機能、スタジオ UI に影響するバグ修正時にトリガーされます。プロダクトの動作を検証する Playwright E2E テストを生成します。
このスキルは、Mastra AI のスタジオ UI に関連する変更（React コンポーネントの作成・修正・リファクタリング、UI 更新、新機能追加、バグ修正など）が行われた際に、Playwright を使用したエンドツーエンド (E2E) テストを自動生成します。テストは UI の状態だけでなく、実際の製品動作（プロダクトビヘイビア）を検証することに重点を置いています。主に `packages/playground-ui` と `packages/playground` ディレクトリのファイル変更をトリガーとします。このスキルは、開発者が変更の影響を迅速に確認し、UI の品質と機能の正確性を維持するための仕組みを提供します。
npx skills add https://github.com/mastra-ai/mastra/tree/main/skills/e2e-tests-studiopackages/playground-ui または packages/playground 内のファイルを変更する際に必須です。以下のケースでトリガーされます:
プロダクトの動作（PRODUCT BEHAVIOR）を検証する Playwright E2E テストを生成します。単なる UI 状態の確認にとどまりません。
This repo contains 4 individual skills — each has its own dedicated page.
Interactive planning assistant that helps create focused, well-structured ralph-loop commands through collaborative conversation
React performance optimization guidelines from Mastra Engineering. This skill should be used when writing, reviewing, or refactoring React code to ensure optimal performance patterns. Triggers on tasks involving React components, data fetching, bundle optimization, or performance improvements.
Create a Mastra project using create-mastra and smoke test the studio in Chrome using Chrome MCP server
Tailwind CSS styling guidelines for Mastra Playground UI. This skill should be used when writing, reviewing, or refactoring styling code in packages/playground-ui and packages/playground to ensure design system consistency. Triggers on tasks involving Tailwind classes, component styling, or design tokens.
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".