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
Frequently asked questions
What is the dev-r3f-r3f-fundamentals skill?
dev-r3f-r3f-fundamentals is a Claude Skill by majiayu000. Skills package instructions and resources that Claude loads on demand, so Claude can perform dev-r3f-r3f-fundamentals-related tasks without extra prompting.
How do I install dev-r3f-r3f-fundamentals?
Use the install commands on this page: add dev-r3f-r3f-fundamentals to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.
What category does dev-r3f-r3f-fundamentals belong to?
dev-r3f-r3f-fundamentals is in the r3f category, tagged react.
Is dev-r3f-r3f-fundamentals free to use?
Yes. dev-r3f-r3f-fundamentals is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
Compétences associées
Cette 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.
Cette 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.
Cette 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.
Cette 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.