Obligatoire lors de la modification de fichiers dans packages/playground-ui ou packages/playground. Déclenché par : création/modification/refactorisation de composants React, modifications UI, nouvelles fonctionnalités du playground, corrections de bugs affectant l'interface studio. Génère des tests E2E Playwright qui valident le COMPORTEMENT DU PRODUIT, pas seulement les états UI.
Cette compétence est essentielle pour les développeurs travaillant sur les packages `packages/playground-ui` ou `packages/playground` au sein du projet mastra-ai. Elle est déclenchée automatiquement lors de toute création, modification ou refactorisation de composants React, de changements d'interface utilisateur, d'ajout de nouvelles fonctionnalités dans le playground, ou lors de corrections de bugs impactant l'interface du studio. Son objectif principal est de générer des tests end-to-end (E2E) avec Playwright. Contrairement à des tests unitaires ou d'intégration, ces tests E2E valident le comportement réel du produit, en simulant des interactions utilisateur complètes, plutôt que de simplement vérifier des états d'interface figés. Cela garantit que les modifications apportées à l'interface ne cassent pas les fonctionnalités métier critiques.
npx skills add https://github.com/mastra-ai/mastra/tree/main/skills/e2e-tests-studioObligatoire lors de la modification de fichiers dans packages/playground-ui ou packages/playground. Déclenché par : création/modification/refactorisation de composants React, modifications UI, nouvelles fonctionnalités du playground, corrections de bugs affectant l'interface studio. Génère des tests E2E Playwright qui valident le COMPORTEMENT DU PRODUIT, pas seulement les états 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".