dev-r3f-r3f-fundamentals
À propos
Cette compétence fournit les fondamentaux de React Three Fiber pour la composition déclarative de scènes 3D et la mise en œuvre de boucles de jeu. Elle couvre les modèles essentiels pour configurer des scènes, créer des composants 3D et gérer les paramètres du canevas et du moteur de rendu avec `useFrame`. Utilisez-la pour démarrer de nouveaux projets R3F ou créer des composants 3D interactifs.
Installation rapide
Claude Code
Recommandénpx 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-fundamentalsCopiez et collez cette commande dans Claude Code pour installer cette compétence
Dépôt GitHub
Compétences associées
dev-r3f-r3f-physics
AutreCette compétence intègre la physique Rapier pour les applications React Three Fiber (R3F), permettant une simulation physique réaliste et une détection des collisions dans les jeux 3D et les scènes interactives. Elle est idéale pour les développeurs souhaitant ajouter des objets qui tombent, des contrôleurs de personnage, des véhicules ou des environnements interactifs à leurs projets R3F. La compétence offre une API déclarative basée sur des composants (`Physics` et `RigidBody`) pour une mise en œuvre simple.
dev-r3f-r3f-materials
AutreCette compétence aide les développeurs à sélectionner et à mettre en œuvre des matériaux, des shaders et des effets visuels dans React Three Fiber (R3F). Elle fournit un cadre décisionnel pour choisir les types de matériaux, des options basiques sans éclairage aux shaders PBR avancés et personnalisés, tout en prenant en compte la performance. Utilisez-la lors de la création de matériaux personnalisés, de la mise en œuvre d'effets visuels ou de l'optimisation du rendu d'objets 3D.
content-collections
MétaCette compétence propose une configuration éprouvée en production pour Content Collections, un outil axé sur TypeScript qui transforme des fichiers Markdown/MDX en collections de données typées de manière sûre avec une validation Zod. Utilisez-la lors de la création de blogs, de sites de documentation ou d'applications Vite + React riches en contenu pour garantir la sécurité de typage et la validation automatique du contenu. Elle couvre tout, de la configuration du plugin Vite et de la compilation MDX à l'optimisation des déploiements et la validation des schémas.
polymarket
MétaCette compétence permet aux développeurs de créer des applications avec la plateforme de marchés prédictifs Polymarket, incluant l'intégration d'API pour le trading et les données de marché. Elle fournit également une diffusion de données en temps réel via WebSocket pour surveiller les transactions en direct et l'activité du marché. Utilisez-la pour mettre en œuvre des stratégies de trading ou pour créer des outils traitant les mises à jour de marché en direct.