dev-r3f-r3f-materials
Acerca de
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.
Instalación rápida
Claude Code
Recomendadonpx skills add majiayu000/claude-skill-registry -a claude-code/plugin add https://github.com/majiayu000/claude-skill-registrygit clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/dev-r3f-r3f-materialsCopia y pega este comando en Claude Code para instalar esta habilidad
Repositorio GitHub
Habilidades relacionadas
dev-r3f-r3f-fundamentals
OtroEsta 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.
dev-r3f-r3f-physics
OtroEsta 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.
content-collections
MetaEsta 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.
polymarket
MetaEsta 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.