e2e-tests-studio 是做什么的?
当修改 packages/playground-ui 或 packages/playground 中的任何文件时必需使用。触发条件包括:React 组件的创建/修改/重构、UI 变更、新的 playground 功能、影响 Studio UI 的 Bug 修复。生成验证产品行为(而非仅 UI 状态)的 Playwright E2E 测试。
当修改 packages/playground-ui 或 packages/playground 中的任何文件时必需使用。触发条件包括:React 组件的创建/修改/重构、UI 变更、新的 playground 功能、影响 Studio UI 的 Bug 修复。生成验证产品行为(而非仅 UI 状态)的 Playwright E2E 测试。
该技能是 mastra-ai 项目中的 E2E 测试生成工具,专门用于 packages/playground-ui 和 packages/playground 目录。当你修改 React 组件、重构 UI、添加新 playground 功能或修复影响 Studio UI 的 Bug 时,必须使用此技能。它基于 Playwright 生成端到端测试,重点验证产品行为而不仅仅是 UI 状态变化。这些测试确保 UI 交互、数据流和业务逻辑的正确性,适用于在 Cursor、Claude Code、Codex 等 AI 编码代理环境中使用。该技能通过 SKILL.md 文档定义了触发条件和生成测试的基本原则,帮助开发者自动创建高质量、行为驱动的 E2E 测试套件。
npx skills add https://github.com/mastra-ai/mastra/tree/main/skills/e2e-tests-studio当修改 packages/playground-ui 或 packages/playground 中的任何文件时必需使用。触发条件包括:React 组件的创建/修改/重构、UI 变更、新的 playground 功能、影响 Studio UI 的 Bug 修复。生成验证产品行为(而非仅 UI 状态)的 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".