Directives d'optimisation des performances React de Mastra Engineering. Cette compétence doit être utilisée lors de l'écriture, de la révision ou du refactoring de code React pour garantir des schémas de performance optimaux. Se déclenche sur les tâches impliquant des composants React, la récupération de données, l'optimisation du bundle ou les améliorations de performances.
Cette compétence, provenant de Mastra Engineering, fournit un ensemble de directives pour optimiser les performances des applications React. Elle est conçue pour être utilisée lors de l'écriture, de la révision ou du refactoring de code React, en garantissant l'adoption de schémas de performance optimaux. Elle se déclenche automatiquement sur les tâches liées aux composants React, à la récupération de données, à l'optimisation du bundle ou aux améliorations générales de performance. L'objectif est d'aider les développeurs à identifier et corriger les goulets d'étranglement, améliorer la réactivité de l'interface utilisateur, réduire la taille des bundles et optimiser les cycles de rendu. Cette compétence est compatible avec les assistants de codage IA comme Claude Code, Cursor et Codex, et peut être invoquée en mentionnant 'react-performance' ou en décrivant une tâche d'optimisation React. Elle fonctionne en analysant le code fourni et en suggérant des améliorations basées sur les meilleures pratiques standard et les leçons apprises par l'équipe Mastra.
npx skills add https://github.com/mastra-ai/mastra/tree/main/skills/react-best-practicesInstalled? Explore more Développement et programmation skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Directives d'optimisation des performances React de Mastra Engineering. Cette compétence doit être utilisée lors de l'écriture, de la révision ou du refactoring de code React pour garantir des schémas de performance optimaux. Se déclenche sur les tâches impliquant des composants React, la récupération de données, l'optimisation du bundle ou les améliorations de performances.
This repo contains 4 individual skills — each has its own dedicated page.
REQUIRED when modifying any file in packages/playground-ui or packages/playground. Triggers on: React component creation/modification/refactoring, UI changes, new playground features, bug fixes affecting studio UI. Generates Playwright E2E tests that validate PRODUCT BEHAVIOR, not just UI states.
Interactive planning assistant that helps create focused, well-structured ralph-loop commands through collaborative conversation
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.
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.