Obligatorio al modificar archivos en packages/playground-ui o packages/playground. Genera pruebas E2E con Playwright que validan el comportamiento del producto, no solo estados de la UI.
Esta habilidad es obligatoria cada vez que se modifique cualquier archivo en los paquetes packages/playground-ui o packages/playground del proyecto Mastra AI. Se activa automáticamente ante la creación, modificación o refactorización de componentes React, cambios en la interfaz de usuario, nuevas funcionalidades del playground o correcciones de errores que afecten la UI del estudio. Su propósito es generar pruebas E2E con Playwright que validen el comportamiento real del producto (product behavior) en lugar de limitarse a verificar estados visuales de la interfaz. Esto asegura que los cambios en la UI no rompan funcionalidades críticas, manteniendo la calidad y consistencia del flujo de trabajo del usuario final.
npx skills add https://github.com/mastra-ai/mastra/tree/main/skills/e2e-tests-studioOBLIGATORIO al modificar cualquier archivo en packages/playground-ui o packages/playground. Se activa en: creación/modificación/refactorización de componentes React, cambios de UI, nuevas funcionalidades del playground, correcciones de errores que afecten la UI del estudio. Genera pruebas E2E con Playwright que validan el COMPORTAMIENTO DEL PRODUCTO, no solo estados de la 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".