using-gsap-with-react
Best practices for integrating GSAP animations in React applications using the @gsap/react hook.
Skills correspondant au nom, à la description ou à l’auteur GitHub.
Best practices for integrating GSAP animations in React applications using the @gsap/react hook.
Expert in creating 3D physics simulations with Three.js, React Three Fiber, Drei, and react-three/rapier. Use when asked to build 3D scenes, add physics to objects, create interactive 3D visualizations, impleme...
Scaffold a new custom React hook inside an existing feature module, with templates for data fetching, state management, or utility hooks, and update the feature hooks barrel export.
Scaffold a new React Context module inside an existing feature using the Context + useReducer pattern (state, actions, reducer, context, provider, and barrel exports).
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, rou...
Vercel React Best Practices for performance and engineering.
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 website...
Core TypeScript/React library for type-safe form state management with useControl hook, Finput component, and built-in validation. Use when building React forms needing type-safe state, validation, and change t...
Schema-driven form generation on @react-typed-forms/core. Use buildSchema to define forms, use renderers for automatic UI generation. Use when generating forms from C# schemas or building dynamic configurable f...
Core React client library for authentication (SecurityService), navigation with URL query syncing, API clients, form validation, toast notifications, and breadcrumbs. Foundation for all @astroapps client packag...
Material-UI integration for @react-typed-forms/core with FTextField and MUI schema renderers. Use when building React forms with Material-UI that need form state management integration.
Guide for bootstrapping AppForms in a C#/TypeScript project with Astrolabe.Schemas code generation, @react-typed-forms/schemas for rendering, and the visual form editor.
C# schema definition system bridging .NET types to TypeScript/React form definitions. Use when generating TypeScript schemas from C# types or implementing schema-driven UI generation with @react-typed-forms/sch...
React hooks for local user authentication UI including login, signup, password reset, MFA, and account management. Use when building authentication pages for email/password authentication instead of OAuth provi...
Microsoft Authentication Library (MSAL) integration for @astroapps/client with Azure AD/Entra ID authentication. Use when building React apps that need Azure AD authentication with popup or redirect flows.
Core React patterns, hooks, state management, and best practices. Trigger: When working with React components, hooks, or state management.
TensorFlow Lite integration for on-device ML in React Native. Trigger: When working with object detection, image classification, or ML models.
React Native patterns, components, and mobile development best practices. Trigger: When working with React Native components, navigation, or mobile-specific code.
XState v5 state machines, actors, and React integration patterns. Trigger: When implementing state machines, complex state logic, or actor-based architecture.
TDD patterns for React Native with Jest, Testing Library, and XState. Trigger: When writing tests, implementing TDD, or setting up test infrastructure.
Atomic Design methodology for building component hierarchies in React. Trigger: When creating UI components, organizing component libraries, or structuring presentation layer.
Clean Architecture + Screaming Architecture patterns for React/React Native. Trigger: When structuring features, separating concerns, or defining domain boundaries.
Framework de OpenAI para construir interfaces de chat AI personalizables con React. Incluye componentes UI pre-construidos, streaming de respuestas, manejo de archivos y gestión de threads.
Guía para desarrollo frontend con Next.js 15, App Router, Server Actions y React Query.
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.