MCP HubMCP Hub
Volver a habilidades

dev-r3f-r3f-fundamentals

majiayu000
Actualizado 7 days ago
18 vistas
58
9
58
Ver en GitHub
Otroreact

Acerca de

Esta habilidad proporciona los fundamentos de React Three Fiber para la composición declarativa de escenas 3D y la implementación del bucle de juego. Cubre patrones esenciales para configurar escenas, crear componentes 3D y gestionar ajustes del lienzo y renderizador con `useFrame`. Úsala al iniciar nuevos proyectos de R3F o al construir componentes 3D interactivos.

Instalación rápida

Claude Code

Recomendado
Principal
npx skills add majiayu000/claude-skill-registry -a claude-code
Comando PluginAlternativo
/plugin add https://github.com/majiayu000/claude-skill-registry
Git CloneAlternativo
git clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/dev-r3f-r3f-fundamentals

Copia y pega este comando en Claude Code para instalar esta habilidad

Repositorio GitHub

majiayu000/claude-skill-registry
Ruta: skills/data/dev-r3f-r3f-fundamentals
0

Habilidades relacionadas

dev-r3f-r3f-physics

Otro

Esta habilidad proporciona integración de física Rapier para aplicaciones de React Three Fiber (R3F), permitiendo simulaciones físicas realistas y detección de colisiones en juegos 3D y escenas interactivas. Es ideal para desarrolladores que necesitan añadir objetos que caen, controladores de personajes, vehículos o entornos interactivos a sus proyectos R3F. La habilidad ofrece una API declarativa basada en componentes (`Physics` y `RigidBody`) para una implementación directa.

Ver habilidad

dev-r3f-r3f-materials

Otro

Esta habilidad ayuda a los desarrolladores a seleccionar e implementar materiales, shaders y efectos visuales en React Three Fiber (R3F). Proporciona un marco de decisión para elegir tipos de materiales, desde opciones básicas sin iluminación hasta PBR avanzado y shaders personalizados, considerando el rendimiento. Úsala al crear materiales personalizados, implementar efectos visuales u optimizar la renderización de objetos 3D.

Ver habilidad

content-collections

Meta

Esta habilidad proporciona una configuración probada en producción para Content Collections, una herramienta centrada en TypeScript que transforma archivos Markdown/MDX en colecciones de datos con tipado seguro mediante validación Zod. Úsala al construir blogs, sitios de documentación o aplicaciones Vite + React con mucho contenido para garantizar seguridad de tipos y validación automática de contenido. Abarca todo, desde la configuración del plugin de Vite y compilación MDX hasta la optimización de despliegue y validación de esquemas.

Ver habilidad

polymarket

Meta

Esta habilidad permite a los desarrolladores crear aplicaciones con la plataforma de mercados de predicción Polymarket, incluyendo la integración de API para operaciones y datos de mercado. También proporciona transmisión de datos en tiempo real a través de WebSocket para monitorear operaciones en vivo y actividad del mercado. Úsela para implementar estrategias de trading o crear herramientas que procesen actualizaciones de mercado en tiempo real.

Ver habilidad