remotion-best-practices
Best practices for creating videos with React and Remotion.

Comprehensive guide for creating software diagrams using Mermaid syntax. Use when users need to create, visualize, or document software through diagrams including class diagrams (domain modeling, object-oriented design), sequence diagrams (application flows, API interactions, code execution), flowcharts (processes, algorithms, user journeys), entity relationship diagrams (database schemas), C4 architecture diagrams (system context, containers, components), state diagrams, git graphs, pie charts, gantt charts, or any other diagram type. Triggers include requests to "diagram", "visualize", "model", "map out", "show the flow", or when explaining system architecture, database design, code structure, or user/application flows.
npx skills add softaworks/agent-toolkitBest practices for creating videos with React and Remotion.

Provides React and Next.js performance optimization guidelines from Vercel Engineering.

A skill for applying React composition patterns that scale, useful for refactoring components and building flexible libraries.

A skill for systematic debugging to identify and resolve bugs or unexpected behaviors before proposing fixes.

Best practices for React Native and Expo app development, focusing on performance and native module integration.
