e2e-tests-studio은(는) 무엇을 하나요?
packages/playground-ui 또는 packages/playground 디렉토리 내 파일을 수정할 때 필수입니다. 트리거 조건:
- React 컴포넌트 생성/수정/리팩토링
- UI 변경
- 새로운 플레이그라운드 기능 추가
- 스튜디오 UI 관련 버그 수정
UI 상태뿐만 아니라 제품 동작(PRODUCT BEHAVIOR)을 검증하는 Playwright E2E 테스트를 생성합니다.
packages/playground-ui 또는 packages/playground 디렉토리 내 파일을 수정할 때 필수입니다. React 컴포넌트 생성/수정/리팩토링, UI 변경, 새로운 플레이그라운드 기능 추가, 스튜디오 UI 관련 버그 수정 시 트리거됩니다. UI 상태뿐만 아니라 제품 동작을 검증하는 Playwright E2E 테스트를 생성합니다.
이 스킬은 Mastra AI의 스튜디오 UI(playground-ui 및 packages/playground)를 수정하는 모든 작업에 필수적으로 적용됩니다. React 컴포넌트 생성, 수정, 리팩토링, UI 변경, 새로운 플레이그라운드 기능 추가, 스튜디오 UI 관련 버그 수정 시 자동으로 활성화됩니다. 이 스킬의 핵심 목표는 단순한 UI 상태 검증을 넘어 **제품의 실제 동작(PRODUCT BEHAVIOR)**을 검증하는 Playwright E2E 테스트를 생성하는 것입니다. 즉, 버튼이 보이는지 확인하는 것을 넘어, 버튼 클릭 시 사용자 데이터가 정확히 전송되고, 워크플로우가 올바르게 실행되는지 등 사용자 관점의 시나리오를 검증합니다.
npx skills add https://github.com/mastra-ai/mastra/tree/main/skills/e2e-tests-studiopackages/playground-ui 또는 packages/playground 디렉토리 내 파일을 수정할 때 필수입니다. 트리거 조건:
UI 상태뿐만 아니라 제품 동작(PRODUCT BEHAVIOR)을 검증하는 Playwright E2E 테스트를 생성합니다.
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".