🎯

react-best-practices

🎯Skill

from mastra-ai/mastra

Installation

Vibe Index InstallInstalls to .claude/skills/

$npx vibeindex add mastra-ai/mastra --skill react-best-practices

skills.sh Install⚠ Installs to .agents/skills/

$npx skills add mastra-ai/mastra --skill react-best-practices

Manual InstallCopy SKILL.md content and save to the path below

path

~/.claude/skills/react-best-practices/SKILL.md

What it does

Provides priority-ordered React performance optimization guidelines to improve component rendering, data fetching, and bundle efficiency.

📦

Same repository

mastra-ai/mastra(8 items)

react-best-practices

SKILL.md

56Installs

25,834

Last UpdatedJul 6, 2026

View on GitHub Back to Skills

More from this repository7

🎯

tailwind-best-practices🎯Skill

Provides Tailwind CSS styling guidelines for the Mastra Playground UI, ensuring design system consistency across playground-ui and playground packages.

🎯

ralph-plan🎯Skill

Interactive planning assistant that helps create focused, well-structured ralph-loop commands through collaborative conversation with users.

🎯

smoke-test🎯Skill

Creates a new Mastra project using create-mastra and performs smoke testing of the Mastra Studio in Chrome.

🎯

debugging-difficult-bugs🎯Skill

Skill

🎯

testing-mastracode-tui🎯Skill

Skill

🎯

e2e-frontend-validation🎯Skill

An end-to-end frontend validation skill from Mastra, an open-source TypeScript framework for building AI applications and agents.

🎯

e2e-tests-studio🎯Skill

Generates Playwright E2E tests for the Mastra Studio playground UI, validating product behavior rather than just UI states.