🎯

react-best-practices

🎯Skill

from mastra-ai/mastra

What it does

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

📦

Same repository

mastra-ai/mastra(6 items)

react-best-practices

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

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

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

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

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

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

SKILL.md

56Installs

21,654

Last UpdatedMar 3, 2026

View on GitHub Back to Skills

More from this repository5

🎯

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.

🎯

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.