React-Leistungsoptimierungsrichtlinien von Mastra Engineering. Dieses Skill sollte beim Schreiben, Überprüfen oder Refaktorieren von React-Code verwendet werden, um optimale Leistungsmuster sicherzustellen. Es wird bei Aufgaben zu React-Komponenten, Datenabruf, Bundle-Optimierung oder Leistungsverbesserungen ausgelöst.
Dieses Skill, `mastra-ai/react-best-practices`, bietet eine Sammlung von Best Practices und Richtlinien zur Leistungsoptimierung von React-Anwendungen, die vom Mastra Engineering Team zusammengestellt wurden. Es ist dafür konzipiert, Entwickler und KI-Agenten (wie Claude Code, Cursor, Codex) zu unterstützen, wenn sie React-Code schreiben, überprüfen oder umgestalten. Das Skill deckt wichtige Bereiche ab, darunter die Optimierung von Komponenten (mit `React.memo`, `useMemo`, `useCallback`), effizienter Datenabruf mit Bibliotheken wie TanStack Query, Bundle-Optimierung durch Code-Splitting und Lazy Loading sowie allgemeine Leistungsverbesserungen wie die Vermeidung unnötiger Neurenderungen und die Optimierung von Bildern und Assets. Es basiert auf der `SKILL.md`-Dokumentation und wird automatisch aktiviert, wenn die Aufgabe React-Komponenten, Datenabruf, Bundle-Größen oder Leistungsverbesserungen betrifft. Die Einhaltung dieser Richtlinien hilft, reaktionsschnellere, schnellere und skalierbarere React-Anwendungen zu erstellen.
npx skills add https://github.com/mastra-ai/mastra/tree/main/skills/react-best-practicesInstalled? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
React-Leistungsoptimierungsrichtlinien von Mastra Engineering. Dieses Skill sollte beim Schreiben, Überprüfen oder Refaktorieren von React-Code verwendet werden, um optimale Leistungsmuster sicherzustellen. Es wird bei Aufgaben zu React-Komponenten, Datenabruf, Bundle-Optimierung oder Leistungsverbesserungen ausgelöst.
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.