MCP HubMCP Hub
Retour aux compétences

dev-r3f-r3f-materials

majiayu000
Mis à jour 8 days ago
15 vues
58
9
58
Voir sur GitHub
Autredesign

À propos

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.

Installation rapide

Claude Code

Recommandé
Principal
npx skills add majiayu000/claude-skill-registry -a claude-code
Commande PluginAlternatif
/plugin add https://github.com/majiayu000/claude-skill-registry
Git CloneAlternatif
git clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/dev-r3f-r3f-materials

Copiez et collez cette commande dans Claude Code pour installer cette compétence

Dépôt GitHub

majiayu000/claude-skill-registry
Chemin: skills/data/dev-r3f-r3f-materials
0

Compétences associées

dev-r3f-r3f-fundamentals

Autre

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.

Voir la compétence

dev-r3f-r3f-physics

Autre

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.

Voir la compétence

content-collections

Méta

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.

Voir la compétence

polymarket

Méta

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.

Voir la compétence