remotion-best-practices
Best practices for Remotion - Video creation in React
remotion-best-practices-zh
Remotion 最佳实践（中文版）
remotion-best-practices
Best practices for Remotion - Video creation in React
remotion-best-practices
Best practices for Remotion - Video creation in React
rive-react
|
remotion-best-practices
Best practices for Remotion - Video creation in React
remotion-best-practices
Best practices for Remotion - Video creation in React
mobile_react_native
React Native best practices, hooks, navigation ve performance optimization.
react_expert
React specialist for production-grade web applications. Invoke for component architecture, hooks, state management, Server Components, performance. Keywords: React, JSX, hooks, useState, useEffect, use(), Suspense, RSC.
zustand_state
Production-tested setup for Zustand state management in React. Includes patterns for persistence, devtools, and TypeScript patterns. Prevents hydration mismatches and render loops.
ray
Teaches how to interact with the Ray application. This skill should be used when users want to interact with Ray through a coding agent or LLM with skills capabilities.
moai-design-tools
>
moai-domain-frontend
>
moai-lang-typescript
>
remotion-best-practices
Best practices for Remotion - Video creation in React
remotion-best-practices
Best practices for Remotion - Video creation in React
remotion-best-practices
Best practices for Remotion - Video creation in React
bun-dev-server
Set up high-performance development servers with Hot Module Replacement. Use when creating dev servers for web apps, setting up React Fast Refresh, or configuring API servers with live reload.
remotion-best-practices
Best practices for Remotion - Video creation in React
remotion-best-practices
Best practices for Remotion - Video creation in React
remotion-best-practices
Best practices for Remotion - Video creation in React
remotion-best-practices
Best practices for Remotion - Video creation in React
component-architecture
Load PROACTIVELY when task involves designing or building UI components. Use when user says \"build a component\", \"create a form\", \"add a modal\", \"design the layout\", or \"refactor this page\". Covers component composition and hierarchy, prop design and typing, render optimization (memo, useMemo, useCallback), compound component patterns, controlled vs uncontrolled forms, file organization, and accessibility for React, Vue, and Svelte.
remotion-best-practices
Best practices for Remotion - Video creation in React
remotion-resemble-ai
Create professional AI-narrated videos with Remotion and Resemble.ai - from educational tutorials to product launches
moai-design-tools
>
moai-domain-frontend
>
moai-lang-typescript
>
remotion-best-practices
Best practices for Remotion - Video creation in React
remotion-best-practices
Best practices for Remotion - Video creation in React
remotion-best-practices
Best practices for Remotion - Video creation in React
remotion-best-practices
Best practices for Remotion - Video creation in React
remotion-best-practices
Best practices for Remotion - Video creation in React
remotion-best-practices
Best practices for Remotion - Video creation in React
remotion-best-practices
Best practices for Remotion - Video creation in React
remotion-best-practices
Best practices for Remotion - Video creation in React
remotion-best-practices
Best practices for Remotion - Video creation in React
remotion-best-practices
Best practices for Remotion - Video creation in React
remotion-best-practices
Best practices for Remotion - Video creation in React
remotion-best-practices
Best practices for Remotion - Video creation in React
remotion-best-practices
Best practices for Remotion - Video creation in React
remotion-best-practices
Best practices for Remotion - Video creation in React
artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
chunxiang-rocket
纯想独立开发火箭课程 - AI编程实战指南。包含GEB分形文档系统、Vite+React+TailwindCSS环境初始化、shadcn/ui设计系统、微拟物光影质感设计、Landing Page架构规范、动画提升、Supabase接入全流程提示词。
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
web-artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
shadcn-ui
shadcn/ui best practices for Next.js applications including component composition, Radix UI patterns, Tailwind integration, Server/Client boundaries, and preventing component duplication. Use when working with shadcn/ui components, reviewing frontend code, or when questions involve shadcn, Radix UI, component libraries, or React patterns.
react
Modern React 18+ patterns with TypeScript, hooks, state management, and performance optimization. This skill should be used when building React components, debugging frontend issues, or reviewing React code. (user)
typescript
This skill should be used when the user asks to "configure TypeScript", "fix type errors", "use dayjs", "add type definitions", "set up React with TypeScript", mentions ".ts" or ".tsx" files, or asks about TypeScript best practices or TypeScript-specific tooling.
