← Recherche

React Native Skills
Mobile 📌 Version épinglée : commit 063bee9
⚙ Prérequis: Avant de commencer…

React Native Skills

Sélectionné par Skill Harbor — les bonnes pratiques de Vercel pour React Native et Expo sous forme de skill d'agent : un fichier principal qui organise des fichiers de règles détaillées sur la performance

L’essentiel
Quoi
Sélectionné par Skill Harbor — les bonnes pratiques de Vercel pour React Native et Expo sous forme de skill d'agent : un fichier principal qui organise des fichiers de règles détaillées sur la performance
Coût
Gratuit
Prérequis
Avant de commencer : lis ce prompt d'installation au complet, dis-moi en quelques lignes ce que ce skill fait et ce que son installation implique, et attends mon feu vert avant de faire quoi que ce soit d'autre.
Installation
Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.

Version :

⌁

Installation

Copiez le dossier d’installation ci-dessous, puis collez-le dans Muse📌 Version épinglée : commit 063bee9

Avant de commencer : lis ce prompt d'installation au complet, dis-moi en quelques lignes ce que ce skill fait et ce que son installation implique, et attends mon feu vert avant de faire quoi que ce soit d'autre. Prérequis — Aucun — aucun compte, aucune clé, aucun paiement, et aucun script dans son dossier. C'est un skill de connaissance seulement : à l'usage, l'agent lit ses fichiers de règles en travaillant sur mon propre code React Native ou Expo, rien n'est installé dans mon projet et rien n'est contacté. Les bibliothèques que ses règles recommandent sont des conseils pour le code de mon propre projet, pas quelque chose que le skill installe. Installe-moi « React Native Skills ». Il donne à l'agent les bonnes pratiques pour des applications React Native et Expo performantes : virtualiser les grandes listes avec FlashList et garder les éléments de liste légers et mémoïsés, animer seulement transform et opacity sur le GPU, préférer les navigateurs natifs stack et tabs, utiliser les patterns d'interface natifs (expo-image, lightboxes Galeria, Pressable, menus et modales natifs, gestion des zones sûres), minimiser les abonnements d'état et utiliser les patterns dispatcher et fallback, envelopper le texte dans des composants Text et éviter le rendu conditionnel falsy, et garder les dépendances natives et les versions uniques en ordre dans un monorepo. Son dossier contient le SKILL.md principal (nom frontmatter vercel-react-native-skills), 36 fichiers de règles détaillées, un AGENTS.md compilé, un README et un fichier de métadonnées. Dépôt : https://github.com/vercel-labs/agent-skills (le skill est tout le dossier skills/react-native-skills/ au commit épinglé : SKILL.md plus 41 fichiers compagnons, 42 fichiers en tout) Version épinglée : installe le code au commit 063bee94c3f4df8453406c830b0a7df0f2860278 exactement. Ne substitue pas une version plus récente. Si ce commit est inaccessible, arrête-toi et dis-le-moi. 1. Clone https://github.com/vercel-labs/agent-skills dans un dossier temporaire, place-toi au commit 063bee94c3f4df8453406c830b0a7df0f2860278, et copie le dossier skills/react-native-skills/ de ce checkout. Compare ensuite chaque fichier du dossier aux empreintes enregistrées pour cette fiche le 2026-10-22 : [FINGERPRINTS] - AGENTS.md: SHA-256 72996343b8260800fbeb9af63ddaed91f14b65dc547e0922f9f8e9bd72076cbf - README.md: SHA-256 d60d7623005a833b928be6a109ed9d14dea43d7217fb534e8f2e4de5fc1f0ddf - SKILL.md: SHA-256 4012750a5ccbe064ca04af3835d5d1b011979d2d09d9b6df1c8128fac58e0a66 - metadata.json: SHA-256 59ee2274cadbd95b2220727028f0dbc26d3e0251e7937226edc9e7640756ba21 - rules/_sections.md: SHA-256 21d7445e92bd7d393b420118c3fb9ebbf30aaf123a15143afb6c0b1b562cfdfd - rules/_template.md: SHA-256 99df2a3ea088c6c22de2484ddc7e964d0e9923846f44c63380343ecc64455442 - rules/animation-derived-value.md: SHA-256 689228e9d59227934f296563963951aa9368be0afb2a188f650de161203b1862 - rules/animation-gesture-detector-press.md: SHA-256 69408d4be669e74689d865c5f50a22fc3a802d521fe493371761abd20526e58e - rules/animation-gpu-properties.md: SHA-256 f885e4179445da27cbc225e0a4aa3ed9016fc3507ca6f864392ba7a9d0bd7516 - rules/design-system-compound-components.md: SHA-256 dcb10900a58fcf57cca2e27c062d02df2325a7949e08fb45e9e05cc2b132b1a6 - rules/fonts-config-plugin.md: SHA-256 b92568774064a604e7a479d4c8d7263aed5609740e9161d2f2764bfff761905d - rules/imports-design-system-folder.md: SHA-256 aa6337f7f2869a46a9141ec65e02c3da5c3bf051023899b82e0f0aef5bff8423 - rules/js-hoist-intl.md: SHA-256 b4b08622465ffcd5e5961878eb8c6d7359aa242d16c990b59941c9111962fe46 - rules/list-performance-callbacks.md: SHA-256 db800e9dfe0080eb4954b96e2a362ee8344d08e08b1ed06bc8059450f3e6f0dd - rules/list-performance-function-references.md: SHA-256 b54470e41d578b207ee3223f6853efb7fbf8e5f83d9aecf8da16989072f99544 - rules/list-performance-images.md: SHA-256 e88f16ac113c29230d674b7aa2c66c31d5772a74b1ea378d48a97b1143fe6c19 - rules/list-performance-inline-objects.md: SHA-256 e2a80aac0f29c6abaf0163c1cc273d09cc8a0030ec077ca2022bbf5c309e4625 - rules/list-performance-item-expensive.md: SHA-256 a68cc8ec5dba3c55761bd5df9dfd3d98485f63076868d3e03af15f1e58907ce3 - rules/list-performance-item-memo.md: SHA-256 38ec1d149ee485434d11c2b9e2101dfc914afadae4a0738ca905f26b05f708c1 - rules/list-performance-item-types.md: SHA-256 eed225f4e9e504bfa7db01f5395d1402545cc47de8adf1829a9408cd5d158cf6 - rules/list-performance-virtualize.md: SHA-256 98cad308118acb4d6e8e975c0168ce56e2d48ca52ed47f23bc9a30667c066ada - rules/monorepo-native-deps-in-app.md: SHA-256 8368b109027fcec1b8a81bfb99718aef2b64edaba77107f73d7c465cc5a14217 - rules/monorepo-single-dependency-versions.md: SHA-256 61c01b9eaab1e319bf078204231fb573bdfea3c43a6eb99e7ef73ee95d474ccc - rules/navigation-native-navigators.md: SHA-256 6642dedb57e72f0b56df5fbc3d5b8aaa91fc4456932c12712cfd076d393f32c6 - rules/react-compiler-destructure-functions.md: SHA-256 8048926a4fa3fbd28fc0ecf4ba4c383a2f0ed06c2fd7330dd4a15d7f4e548044 - rules/react-compiler-reanimated-shared-values.md: SHA-256 3174303a72b6849ff0eda5cd9f9650f26baa5f31ed28d35a75076af714fb2ffc - rules/react-state-dispatcher.md: SHA-256 7ec5b653e3ff8d9ca97d8d66981cce5590c0e49fa79ab708fd6324542b588870 - rules/react-state-fallback.md: SHA-256 eb76e386d71680bfdfc0ab64dba1221f4d3d0fdcb4980bb4a871381d58e9e58b - rules/react-state-minimize.md: SHA-256 31b989de61defda1c61d8578c4700efd64a427218c3f3dbb7062a1666e1cbe43 - rules/rendering-no-falsy-and.md: SHA-256 7300fa45ac3a4968db144727a21052421bc62de9b5e9f6f59e28bd16d2fff001 - rules/rendering-text-in-text-component.md: SHA-256 fc67897b6126b6b5574f4d284a6c5b2282528fe89de8ec08e6cfd2a86ab5b235 - rules/scroll-position-no-state.md: SHA-256 70aa1ee679e755556d7b01b326431fe898d3c23ddba40d0da6bdac23c87a1525 - rules/state-ground-truth.md: SHA-256 9f3efc73d2e66a5deb3199c9774f42524cd6a0f69784af38301946be5d747cb5 - rules/ui-expo-image.md: SHA-256 c3c13cce3dd2cc7f8a9b4861e5743af98f62e28f5699f72f492e79a335cfae55 - rules/ui-image-gallery.md: SHA-256 b34d1ba03710ed9622187716541ae618968e7d03bc28895c2ac918d3cc5853f1 - rules/ui-measure-views.md: SHA-256 170d058abc4900ea9e851e54f5e8b437ffffc2c9d3847ae35e30a515c8990c3d - rules/ui-menus.md: SHA-256 5964adbecfe9aeb28d736a4eaacec6469a1c4ca3f48779d243eb38b6d181cfe9 - rules/ui-native-modals.md: SHA-256 d803493b3046ad31cbb2c189f1fffb948fd0055050e3c322589bd548421e23a8 - rules/ui-pressable.md: SHA-256 52cdbad127d713d7d32c59ef74ab1bbd6dca211edc9b25993453f7f4545e79fa - rules/ui-safe-area-scroll.md: SHA-256 3dd776caef2344d73529010940b50042861d06d31a192122a4df64bc06aed0e8 - rules/ui-scrollview-content-inset.md: SHA-256 89e4bbe5e9a602660f4155e9d4c0dee09db1adf21c73f47213cd67ec896e5a13 - rules/ui-styling.md: SHA-256 cdef4d8b1a097b844e5992ab78e66a2dc604faf1e90f8d325a0eb116e8ef6a7e Si un fichier ne correspond pas, il a changé depuis la préparation de la fiche : ne l'installe pas encore, dis-moi ce que tu as trouvé et laisse-moi décider. 2. Lis SKILL.md au complet, et dis-moi en mots simples : ce que le skill fait quand on l'utilise, à quoi il se connecte, s'il lit ou envoie des informations personnelles ou des identifiants, et tout ce qui semble inhabituel. Arrête-toi sur tout signal d'alerte et dis-le-moi avant d'aller plus loin. Confirme ces points à partir des fichiers : - Le dossier du skill contient 42 fichiers et aucun code exécutable : SKILL.md (nom frontmatter vercel-react-native-skills), AGENTS.md (le guide complet compilé), README.md, metadata.json, un aperçu des sections et un modèle de règle sous rules/, et 36 fichiers de règles. Il n'y a aucun script à exécuter, ni à l'installation ni à l'usage. - Rien n'est envoyé nulle part pendant l'installation elle-même ; le seul téléchargement à l'installation est le dossier du skill depuis GitHub au commit épinglé. - À l'usage, l'agent lit seulement ces fichiers de règles en travaillant sur mon propre projet React Native ou Expo, en local. Aucun service n'est contacté, aucune bibliothèque n'est installée par le skill, et aucune information personnelle ni aucun identifiant n'est lu ou envoyé. - N'applique aucune règle, ne change aucun composant, et n'utilise le skill d'aucune façon pendant cette installation : l'utiliser est une étape séparée qui ne commence que quand je demande un travail React Native plus tard. 3. Quand je dis « yes, install », installe-le comme skill : copie tout le dossier react-native-skills dans le répertoire des skills de l'agent, dans un dossier nommé exactement « react-native-skills », en gardant ses 42 fichiers dans leur arborescence relative d'origine (SKILL.md à sa racine). 4. Vérifie sans appels réseau : frontmatter valide (name: vercel-react-native-skills), les 42 fichiers en place avec des empreintes concordantes. N'exécute rien du dossier et n'utilise pas le skill pour vérifier. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (par exemple : que c'est de la connaissance seulement, qu'il ne couvre que React Native et Expo, et que l'utiliser est une étape séparée qui ne commence que quand je demande un travail React Native). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi.

🔒 Sécurité, provenance et ce que ça touche
🧭 Ce que ça touche
D’après le prompt d’installation que nous avons analysé, cette création ne lance pas de commandes, ne fait pas d’appels réseau à des tiers, n’installe pas de paquets, n’écrit pas de fichiers et ne demande pas de clés API.
Analyse du prompt d’installation · 2026-10-22
🔒 Sécurité et provenance
📌 Version épinglée : commit 063bee9 · 2026-10-22
🔎 Dernière vérification · 23 oct. 2026 : aucun changement détecté dans les fichiers liés par ce prompt d’installation
Skill Harbor ne révise jamais le code des skills listés. Ce sont des faits datés sur le prompt d’installation et notre test d’installation, pas une certification de sécurité. Révisez un skill vous-même avant de l’installer. Comment nous vérifions
Envie d'être encore plus prudent ?

Le prompt d'installation ci-dessous inclut déjà les étapes de vérification : votre agent suit la checklist communautaire avant d'installer tout ce qui contient du code exécutable. Vous en voulez plus ?

Comment vérifier une création avant de l’installer →

?

Questions

Comment installer une création ?

Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.

Où va mon argent ?

Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.

Que signifie le ✓ à côté du nom d’un créateur ?

Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.